{"id":30044,"date":"2024-11-25T17:30:17","date_gmt":"2024-11-25T09:30:17","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30044\/"},"modified":"2024-11-25T17:30:17","modified_gmt":"2024-11-25T09:30:17","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e4%b9%8b%e4%bc%81%e4%b8%9a%e5%b1%95%e7%a4%ba","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30044\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a"},"content":{"rendered":"<p>\u5728\u8fd9\u7bc7\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6559\u7a0b\u4e2d\uff0c\u6211\u4eec\u5c06\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4f01\u4e1a\u5185\u90e8\u5ba3\u4f20\u5c55\u793a\u7b49\u529f\u80fd\u3002<\/p>\n<h2>\u4e00\u3001\u5c0f\u7a0b\u5e8f\u4e3b\u4f53\u90e8\u5206<\/h2>\n<p>\u4e00\u4e2a\u5c0f\u7a0b\u5e8f\u4e3b\u4f53\u90e8\u5206\u7531\u4e09\u4e2a\u6587\u4ef6\u7ec4\u6210\uff0c\u5fc5\u987b\u653e\u5728\u9879\u76ee\u7684\u6839\u76ee\u5f55\uff0c\u5982\u4e0b\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/8a9226df4eb9c5d5897864caa4432b64-0.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe\" \/><\/p>\n<p>1. \u5c0f\u7a0b\u5e8f\u903b\u8f91<\/p>\n<pre>App({\r\n  onLaunch: function() { \r\n    \/\/ Do something initial when launch.  },\r\n  onShow: function() {      \/\/ Do something when show.  },\r\n  onHide: function() {      \/\/ Do something when hide.  },\r\n  globalData: 'fangbei'})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>2. \u5c0f\u7a0b\u5e8f\u516c\u5171\u8bbe\u7f6e<\/p>\n<p>\u4e3b\u8981\u6ce8\u518c\u4e94\u4e2a\u9875\u9762\uff0c\u8bbe\u7f6e\u7a97\u53e3\uff0c\u4ee5\u53ca\u663e\u793a\u5728tabbar\u4e2d\u663e\u793a\u4e09\u4e2a\u9875\u9762<\/p>\n<pre>{  \"pages\": [    \"pages\/index\/index\",    \"pages\/news\/news\",    \"pages\/news\/news-details\",    \"pages\/product\/product\",    \"pages\/contact\/contact\"\r\n  ],  \"window\": {    \"navigationBarTextStyle\": \"black\",    \"navigationBarTitleText\": \"\u76db\u4e16\u534e\u5b89\",    \"navigationBarBackgroundColor\": \"#fbf9fe\",    \"backgroundColor\": \"#fbf9fe\"\r\n  },  \"tabBar\": {    \"color\": \"#dddddd\",    \"selectedColor\": \"#459ae9\",    \"borderStyle\": \"black\",    \"backgroundColor\": \"#ffffff\",    \"list\": [{      \"pagePath\": \"pages\/index\/index\",      \"iconPath\": \"images\/index.png\",      \"selectedIconPath\": \"images\/index_selected.png\",      \"text\": \"\u516c\u53f8\u76db\u51b5\"\r\n    }, {      \"pagePath\": \"pages\/product\/product\",      \"iconPath\": \"images\/product.png\",      \"selectedIconPath\": \"images\/product_selected.png\",      \"text\": \"\u4ea7\u54c1\u670d\u52a1\"\r\n    }, {      \"pagePath\": \"pages\/contact\/contact\",      \"iconPath\": \"images\/contact.png\",      \"selectedIconPath\": \"images\/contact_selected.png\",      \"text\": \"\u8054\u7cfb\u6211\u4eec\"\r\n    }]\r\n  },  \"networkTimeout\": {    \"request\": 10000,    \"connectSocket\": 10000,    \"uploadFile\": 10000,    \"downloadFile\": 10000\r\n  },  \"debug\": true}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>3. \u516c\u7528\u6837\u5f0f\u8868<\/p>\n<pre>@import 'style\/weui.wxss';\r\n@import \"\/utils\/wxParse\/wxParse.wxss\";\r\n\r\n\r\npage {\r\n  background-color: #fbf9fe;\r\n  height: 100%;\r\n}.container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100%;\r\n  justify-content: space-between;\r\n}.page-header {\r\n  display: flex;\r\n  font-size: 32rpx;\r\n  color: #aaa;\r\n  margin-top: 50rpx;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}.page-header-text {\r\n  padding: 20rpx 40rpx;\r\n}.page-header-line {\r\n  width: 150rpx;\r\n  height: 1px;\r\n  border-bottom: 1px solid #ccc; \r\n}.page-body {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  flex-grow: 1;\r\n  overflow-x: hidden;\r\n}.page-body-wrapper {\r\n  margin-top: 100rpx;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 100%;\r\n}.page-body-wrapper form {\r\n  width: 100%;\r\n}.page-body-wording {\r\n  text-align: center;\r\n  padding: 200rpx 100rpx;\r\n}.page-body-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background-color: #fff;\r\n  margin-bottom: 50rpx;\r\n  width: 100%;\r\n  padding: 50rpx 0 150rpx 0;\r\n}.page-body-title {\r\n  margin-bottom: 100rpx;\r\n  font-size: 32rpx;\r\n}.page-body-text {\r\n  font-size: 30rpx;\r\n  line-height: 26px;\r\n  color: #ccc;\r\n}.page-body-text-small {\r\n  font-size: 24rpx;\r\n  color: #000;\r\n  margin-bottom: 100rpx;\r\n}.page-body-form {\r\n  width: 100%;\r\n  background-color: #fff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  border: 1px solid #eee;\r\n}.page-body-form-item {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: 30rpx;\r\n  border-bottom: 1px solid #eee;\r\n  height: 88rpx;\r\n  font-size: 34rpx;\r\n}.page-body-form-key {\r\n  width: 180rpx;\r\n  color: #000;\r\n}.page-body-form-value {\r\n  flex-grow: 1;\r\n}.page-body-form-value .input-placeholder {\r\n  color: #b2b2b2;\r\n}.page-body-form-picker {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  height: 100rpx;\r\n  align-items: center;\r\n  font-size: 36rpx;\r\n  margin-left: 20rpx;\r\n  padding-right: 20rpx;\r\n  border-bottom: 1px solid #eee;\r\n}.page-body-form-picker-value {\r\n  color: #ccc;\r\n}.page-body-buttons {\r\n  width: 100%;\r\n}.page-body-button {\r\n  margin: 25rpx;\r\n}.page-body-button image {\r\n  width: 150rpx;\r\n  height: 150rpx;\r\n}.page-footer {\r\n  text-align: center;\r\n  color: #1aad19;\r\n  font-size: 24rpx;\r\n  margin: 20rpx 0;\r\n}.green{\r\n    color: #09BB07;\r\n}.red{\r\n    color: #F76260;\r\n}.blue{\r\n    color: #10AEFF;\r\n}.yellow{\r\n    color: #FFBE00;\r\n}.gray{\r\n    color: #C9C9C9;\r\n}.strong{\r\n    font-weight: bold;\r\n}.bc_green{\r\n    background-color: #09BB07;\r\n}.bc_red{\r\n    background-color: #F76260;\r\n}.bc_blue{\r\n    background-color: #10AEFF;\r\n}.bc_yellow{\r\n    background-color: #FFBE00;\r\n}.bc_gray{\r\n    background-color: #C9C9C9;\r\n}.tc{\r\n    text-align: center;\r\n}.page input{\r\n    padding: 20rpx 30rpx;\r\n    background-color: #fff;\r\n}checkbox, radio{\r\n    margin-right: 10rpx;\r\n}.btn-area{\r\n    padding: 10px 30px;\r\n}.btn-area button{\r\n    margin-top: 20rpx;\r\n    margin-bottom: 20rpx;\r\n}.page {\r\n    min-height: 100%;\r\n    flex: 1;\r\n    background-color: #FBF9FE;\r\n    font-size: 32rpx;\r\n    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;\r\n    overflow: hidden;\r\n}.pagehd{\r\n    padding: 50rpx 50rpx 100rpx 50rpx;\r\n    text-align: center;\r\n}.pagetitle{\r\n    display: inline-block;\r\n    padding: 20rpx 40rpx;\r\n    font-size: 32rpx;\r\n    color: #AAAAAA;\r\n    border-bottom: 1px solid #CCCCCC;\r\n}.pagedesc{\r\n    display: none;\r\n    margin-top: 20rpx;\r\n    font-size: 26rpx;\r\n    color: #BBBBBB;\r\n}page{\r\n    background-color: #F8F8F8;\r\n    font-size: 16px;\r\n    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;\r\n}.pagehd {\r\n    padding: 40px;\r\n}.pagebd {\r\n    padding-bottom: 40px;\r\n}.pagebd_spacing {\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n}.pageft{\r\n    padding-bottom: 10px;\r\n    text-align: center;\r\n}.pagetitle {\r\n    text-align: left;\r\n    font-size: 20px;\r\n    font-weight: 400;\r\n}.pagedesc {\r\n    margin-top: 5px;\r\n    color: #888888;\r\n    text-align: left;\r\n    font-size: 14px;\r\n}.swiper {\r\n    width: 100%;\r\n    height: 400rpx;\r\n}.slide-image {\r\n    width: 100%;\r\n}.news {\r\n    padding: 26rpx 40rpx 26rpx 40rpx;\r\n}.news-title {\r\n    color: #AAAAAA;\r\n}.news-item {\r\n    margin: 10rpx 0 10rpx 0;\r\n    \r\n    background-color: #fff;\r\n}.news-item-pic {\r\n    padding: 20rpx 0 10rpx 20rpx;\r\n    width: 160rpx;\r\n    \r\n    float: left;\r\n}.news-item-image {\r\n    width: 100%;\r\n}.news-item-words {\r\n    width: 450rpx;\r\n    height: 65px;\r\n    float: right;\r\n    overflow-y: hidden;\r\n    padding: 20rpx 10rpx;\r\n}.news-item-title {\r\n    font-size: 11pt;\r\n    word-break: keep-all;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}.news-item-content {\r\n    font-size: 8pt;\r\n    line-height: 13pt;\r\n    text-overflow:ellipsis; \r\n    color: #a9a9a9;\r\n}.news-more {\r\n    color: #AAAAAA;\r\n    font-size: 14px;\r\n    \r\n}.news-more-line {\r\n    padding-left: -26rpx important;\r\n}.news-details-content {\r\n    padding: 0 40rpx 100rpx 40rpx;\r\n}.video {\r\n    \r\n}.video-input {\r\n    border: 1px solid #CCCCCC;   \r\n}.contact {\r\n    padding: 40rpx 40rpx 40rpx 40rpx;\r\n}image {\r\n    height: auto;\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h2>\u4e8c\u3001\u4e1a\u52a1\u9875\u9762\u90e8\u5206<\/h2>\n<p>\u5c0f\u7a0b\u5e8f\u9875\u9762\u4e3b\u8981\u7531\u4ee5\u4e0b\u6587\u4ef6\u7ec4\u6210\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/15e827f39cb61ce0f15251fab26bcd47-1.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe1\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe1\" \/><\/p>\n<p>\u672c\u9879\u76ee\u7a0b\u5e8f\u5206\u4e3a4\u4e2a\u9875\u9762\uff1a\u4e3b\u9875\u3001\u65b0\u95fb\u8be6\u60c5\u9875\u3001\u4ea7\u54c1\u670d\u52a1\u9875\u3001\u8054\u7cfb\u6211\u4eec\u9875\u3002<\/p>\n<h3>\u4e3b\u9875\u90e8\u5206<\/h3>\n<p>\u4e3b\u9875\u6548\u679c\u56fe\u5982\u4e0b<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/15e827f39cb61ce0f15251fab26bcd47-2.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe2\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe2\" \/><\/p>\n<p>1. \u9875\u9762\u7ed3\u6784<\/p>\n<p>\u4e0a\u65b9\u662f\u4e00\u4e2a\u8f6e\u64ad\u56fe\uff0c\u4e2d\u95f4\u662f\u65b0\u95fb\u5217\u8868\uff0c\u4e0b\u6587\u6709\u4e00\u4e2a\u67e5\u770b\u66f4\u591a<\/p>\n<p>\u5176\u9875\u9762\u7ed3\u6784\u4ee3\u7801\u5982\u4e0b<\/p>\n<pre>&lt;!--index.wxml--&gt;&lt;view class=\"index\"&gt;\r\n    &lt;view class=\"slider\"&gt;\r\n        &lt;swiper class=\"swiper\" indicator-dots=\"{{indicatorDots}}\"\r\n  autoplay=\"{{autoplay}}\" interval=\"{{interval}}\" duration=\"{{duration}}\"&gt;\r\n            &lt;block wx:for=\"{{swipers}}\"&gt;\r\n                &lt;swiper-item&gt;\r\n                    &lt;navigator url=\"\/pages\/news\/news-details?id={{item.id}}\" class=\"widget\"&gt;\r\n                        &lt;image mode=\"widthFix\" src=\"{{item.thumbnail_images.medium_large.url}}\" class=\"slide-image\" width=\"\" height=\"\"&gt;&lt;\/image&gt;\r\n                    &lt;\/navigator&gt;\r\n                &lt;\/swiper-item&gt;\r\n            &lt;\/block&gt;\r\n        &lt;\/swiper&gt;\r\n    &lt;\/view&gt;\r\n    &lt;view class=\"news\"&gt;\r\n        &lt;text class=\"news-title\"&gt;\u65b0\u95fb\u52a8\u6001&lt;\/text&gt;\r\n\r\n        &lt;block wx:for=\"{{news}}\"&gt;\r\n        &lt;navigator url=\"\/pages\/news\/news-details?id={{item.id}}\"&gt;\r\n        &lt;view class=\"news-item line\"&gt;\r\n            &lt;view class=\"news-item-pic\"&gt;\r\n                &lt;image mode=\"widthFix\" src=\"{{item.thumbnail}}\" class=\"news-item-image\" width=\"\" height=\"\"&gt;&lt;\/image&gt;\r\n            &lt;\/view&gt;\r\n            &lt;view class=\"news-item-words\"&gt;\r\n                &lt;view class=\"news-item-title\"&gt;&lt;text&gt;{{item.title_plain}}&lt;\/text&gt;&lt;\/view&gt;\r\n                &lt;view class=\"news-item-content\"&gt;&lt;text&gt;{{item.excerpt_plain}}&lt;\/text&gt;&lt;\/view&gt;\r\n            &lt;\/view&gt;\r\n        &lt;\/view&gt;\r\n        &lt;\/navigator&gt;\r\n        &lt;\/block&gt;\r\n\r\n        &lt;view class=\"widgetslist widgetslist_show\"&gt;\r\n            &lt;navigator url=\"\/pages\/news\/news?cat={{cat}}\" class=\"widget_more\"&gt;\r\n                &lt;text class=\"news-more\"&gt;\u67e5\u770b\u66f4\u591a&lt;\/text&gt;\r\n                &lt;image class=\"widgetarrow\" src=\"\/images\/arrowright.png\" mode=\"aspectFill\" \/&gt;\r\n                &lt;view class=\"widgetline widgetline_first\"&gt;&lt;\/view&gt;\r\n            &lt;\/navigator&gt;\r\n        &lt;\/view&gt;\r\n    &lt;\/view&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p><span style=\"line-height: 1.5\">2. \u6837\u5f0f\u8868<\/span><\/p>\n<p>\u6837\u5f0f\u4ee3\u7801\u5982\u4e0b\u6240\u793a<\/p>\n<pre>.index{\r\n    background-color: #FBF9FE;\r\n    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;\r\n    flex: 1;\r\n    min-height: 100%;\r\n    font-size: 32rpx;\r\n}.head{\r\n    padding: 80rpx;\r\n    line-height: 1;\r\n}.body{\r\n    padding-left: 30rpx;\r\n    padding-right: 30rpx;\r\n    overflow: hidden;\r\n}.title{\r\n    font-size: 52rpx;\r\n}.desc{\r\n    margin-top: 10rpx;\r\n    color: #888888;\r\n    font-size: 28rpx;\r\n}.widgetsitem{\r\n    margin-top: 20rpx;\r\n    margin-bottom: 20rpx;\r\n    background-color: #FFFFFF;\r\n    overflow: hidden;\r\n    border-radius: 4rpx;\r\n    cursor: pointer;\r\n}.widgetsinfo{\r\n    display: flex;\r\n    padding: 40rpx;\r\n    align-items: center;\r\n    flex-direction: row;\r\n}.widgetsinfo_show{\r\n}.widgetsinfo_show .widgetsinfo-img{\r\n    transform: rotate(-90deg);\r\n}.widgetsinfo-name{\r\n    flex: 1;\r\n}.widgetsinfo-img{\r\n    width: 32rpx;\r\n    height: 32rpx;\r\n    transition: transform .4s;\r\n    transform: rotate(90deg);\r\n}.widgetslist{\r\n    display: none;\r\n}.widgetslist_show{\r\n    display: block;\r\n}.widget{\r\n    position: relative;\r\n    padding-top: 26rpx;\r\n    padding-bottom: 26rpx;\r\n    padding-left: 40rpx;\r\n    padding-right: 40rpx;\r\n}.widget_more{\r\n    position: relative;\r\n    padding-top: 26rpx;\r\n    padding-bottom: 26rpx;\r\n    padding-left: 0rpx;\r\n    padding-right: 40rpx;\r\n}.widgetarrow{\r\n    position: absolute;\r\n    top: 28rpx;\r\n    right: 44rpx;\r\n    width: 32rpx;\r\n    height: 32rpx;\r\n}.widgetline{\r\n    content: \" \";\r\n    position: absolute;\r\n    left: 40rpx;\r\n    top: 0;\r\n    right: 0;\r\n    height: 2rpx;\r\n    background-color: #F0F0F0;\r\n}.widgetline_first{\r\n    left: 0;\r\n    right: 0;\r\n    background-color: #D8D8D8;\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p><span style=\"line-height: 1.5\">3\u3001 \u9875\u9762\u903b\u8f91\u5904\u7406<\/span><\/p>\n<p>\u9875\u9762\u903b\u8f91\u4e5f\u662f\u901a\u8fc7\u53d6\u7f51\u7ad9\u7684\u6570\u636e\uff0c\u5e76\u4e14\u5b58\u5230swipet,news\u7b49\u6570\u636e\u4e2d\uff0c\u4f9b\u524d\u7aef\u663e\u793a<\/p>\n<pre>var CONFIG = require('..\/..\/utils\/config.js')\r\n\r\nPage({\r\n  data: {\r\n    indicatorDots: true,\r\n    autoplay: true,\r\n    interval: 5000,\r\n    duration: 1000,\r\n    swipers: [],\r\n    news: [],\r\n    cat: '17',\r\n  },\r\n\r\n  onLoad: function () {    var that = this;\r\n    wx.request({\r\n      url: CONFIG.API_URL.GET_INDEX,\r\n      method: 'GET',\r\n      data: {},\r\n      header: {        'Accept': 'application\/json'\r\n      },\r\n      success: function(res) {\r\n        console.log(res);        if (res.statusCode == 200 &amp;&amp; res.data.status == 'ok') {          var data = res.data;          var swipers = [];          var news = [];\r\n          \r\n          console.log(data);          for (var i = 0; i &lt; data.count; i++) {            if (i &lt; 3) {\r\n              swipers.push(data.posts[i]);\r\n            }            else {              var excerpt_plain = data.posts[i].excerpt.replace(\/&lt;[^&gt;].*?&gt;\/g, \"\");\r\n              data.posts[i].excerpt_plain = excerpt_plain.replace(\/[[^]].*?]\/g, \"\");\r\n              news.push(data.posts[i]);\r\n            }\r\n          }\r\n          that.setData({swipers: swipers});\r\n          that.setData({news: news});\r\n        } else {\r\n          \r\n        }\r\n      }\r\n    })\r\n  },\r\n  onShareAppMessage: function () {   \/\/ return custom share data when user share.\r\n   console.log('onShareAppMessage')   return {\r\n      title: '\u76db\u4e16\u534e\u5b89',\r\n      desc: '\u5c0f\u7a0b\u5e8f',\r\n      path: '\/pages\/index\/index'\r\n    }\r\n  },\r\n});<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>\u4ea7\u54c1\u670d\u52a1\u9875\u90e8\u5206<\/h3>\n<p>&nbsp;\u4ea7\u54c1\u670d\u52a1\u9875\u548c\u4e3b\u9875\u7684\u65b0\u95fb\u5217\u8868\u9875\u7c7b\u4f3c<\/p>\n<p>1. \u9875\u9762\u7ed3\u6784<\/p>\n<p>\u5176\u9875\u9762\u7ed3\u6784\u4ee3\u7801\u5982\u4e0b<\/p>\n<pre>&lt;view class=\"news\"&gt;\r\n        &lt;text class=\"news-title\"&gt;\u4ea7\u54c1\u670d\u52a1&lt;\/text&gt;\r\n\r\n        &lt;block wx:for=\"{{news}}\"&gt;\r\n        &lt;navigator url=\"\/pages\/news\/news-details?id={{item.id}}\"&gt;\r\n        &lt;view class=\"news-item line\"&gt;\r\n            &lt;view class=\"news-item-pic\"&gt;\r\n                &lt;image mode=\"widthFix\" src=\"{{item.thumbnail}}\" class=\"news-item-image\" width=\"\" height=\"\"&gt;&lt;\/image&gt;\r\n            &lt;\/view&gt;\r\n            &lt;view class=\"news-item-words\"&gt;\r\n                &lt;view class=\"news-item-title\"&gt;&lt;text&gt;{{item.title_plain}}&lt;\/text&gt;&lt;\/view&gt;\r\n                &lt;view class=\"news-item-content\"&gt;&lt;text&gt;{{item.excerpt_plain}}&lt;\/text&gt;&lt;\/view&gt;\r\n            &lt;\/view&gt;\r\n        &lt;\/view&gt;\r\n        &lt;\/navigator&gt;\r\n        &lt;\/block&gt;\r\n    &lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p><span style=\"line-height: 1.5\">2. \u6837\u5f0f\u8868<\/span><\/p>\n<p>\u4f7f\u7528\u516c\u5171\u6837\u5f0f\u8868\u3002<\/p>\n<p><span style=\"line-height: 1.5\">3\u3001 \u9875\u9762\u903b\u8f91\u5904\u7406<\/span><\/p>\n<p>\u8bf7\u6c42\u5b98\u7f51\u63a5\u53e3\u6570\u636e\u5e76\u663e\u793a<\/p>\n<pre>var CONFIG = require('..\/..\/utils\/config.js')\r\n\r\nPage({\r\n  data: {\r\n  },\r\n  onLoad: function () {    var that = this;\r\n    wx.request({\r\n      url: CONFIG.API_URL.GET_CATEGORY + '14',\r\n      method: 'GET',\r\n      data: {},\r\n      header: {        'Accept': 'application\/json'\r\n      },\r\n      success: function(res) {\r\n        console.log(res);        if (res.statusCode == 200 &amp;&amp; res.data.status == 'ok') {          var data = res.data;          var news = [];\r\n          \r\n          console.log(data);          for (var i = 0; i &lt; data.count; i++) {            var excerpt_plain = data.posts[i].excerpt.replace(\/&lt;[^&gt;].*?&gt;\/g, \"\");\r\n            data.posts[i].excerpt_plain = excerpt_plain.replace(\/[[^]].*?]\/g, \"\");\r\n            news.push(data.posts[i]);\r\n          }\r\n          that.setData({news: news});\r\n        } else {\r\n          \r\n        }\r\n      }\r\n    })\r\n  },\r\n  onReady:function(){    \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210  },\r\n  onShow:function(){    \/\/ \u9875\u9762\u663e\u793a  },\r\n  onHide:function(){    \/\/ \u9875\u9762\u9690\u85cf  },\r\n  onUnload:function(){    \/\/ \u9875\u9762\u5173\u95ed  },\r\n  go: function(event) {\r\n    wx.navigateTo({\r\n      url: '\/pages\/news\/news-details?id=' + event.currentTarget.dataset.type\r\n    })\r\n  }\r\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>\u8054\u7cfb\u6211\u4eec\u9875\u90e8\u5206<\/h3>\n<p>1. \u9875\u9762\u7ed3\u6784<\/p>\n<p>\u5176\u9875\u9762\u7ed3\u6784\u4ee3\u7801\u5982\u4e0b.<\/p>\n<pre>&lt;import src=\"..\/..\/utils\/wxParse\/wxParse.wxml\"\/&gt; &lt;view class=\"page\"&gt;\r\n  &lt;view class=\"pagehd\"&gt;\r\n    &lt;text class=\"pagetitle\"&gt;&lt;\/text&gt;\r\n    &lt;text class=\"pagedesc\"&gt;&lt;\/text&gt;\r\n  &lt;\/view&gt;\r\n    &lt;view class=\"news-details-content wxParse\"&gt;\r\n    &lt;template is=\"wxParse\" data=\"{{wxParseData:content.nodes}}\"\/&gt;\r\n    &lt;\/view&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>2. \u6837\u5f0f\u8868<\/p>\n<p>\u4f7f\u7528\u516c\u5171\u6837\u5f0f\u8868\u3002<\/p>\n<p>3\u3001 \u9875\u9762\u903b\u8f91\u5904\u7406<\/p>\n<p>\u8bf7\u6c42\u5b98\u7f51\u63a5\u53e3\u6570\u636e\u5e76\u663e\u793a<\/p>\n<pre>var CONFIG = require('..\/..\/utils\/config.js')var WxParse = require('..\/..\/utils\/wxParse\/wxParse.js');\r\n\r\nPage({\r\n  data: {\r\n  },\r\n  onLoad: function () {    var that = this;\r\n    wx.request({\r\n      url: CONFIG.API_URL.GET_PAGE + '36',\r\n      method: 'GET',\r\n      data: {},\r\n      header: {        'Accept': 'application\/json'\r\n      },\r\n      success: function(res) {\r\n        console.log(res);        if (res.statusCode == 200 &amp;&amp; res.data.status == 'ok') {          var data = res.data;\r\n          \r\n          that.setData({page: data.page});\r\n          WxParse.wxParse('content', 'html', data.page.content, that, 25)\r\n        } else {\r\n          \r\n        }\r\n      }\r\n    })\r\n  },\r\n  onReady:function(){    \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210  },\r\n  onShow:function(){    \/\/ \u9875\u9762\u663e\u793a  },\r\n  onHide:function(){    \/\/ \u9875\u9762\u9690\u85cf  },\r\n  onUnload:function(){    \/\/ \u9875\u9762\u5173\u95ed  },\r\n  go: function(event) {\r\n    wx.navigateTo({\r\n      url: '\/pages\/news\/news-details?id=' + event.currentTarget.dataset.type\r\n    })\r\n  }\r\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h2>\u4e09\u3001\u7a0b\u5e8f\u6548\u679c\u56fe<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/ccf9cb09391c0e2b864af0ec9998d58e-3.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe3\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe3\" \/><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/ccf9cb09391c0e2b864af0ec9998d58e-4.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe4\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe4\" \/><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/41daf0634632fab9c7ad9fb73136ae69-5.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe5\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe5\" \/><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/41daf0634632fab9c7ad9fb73136ae69-6.png\" class=\"aligncenter\" title=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe6\" alt=\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u63d2\u56fe6\" \/><\/p>\n<p>\u3010\u76f8\u5173\u63a8\u8350\u3011&nbsp;<\/p>\n<p>1.<\/p>\n<p>2.<\/p>\n<p>&nbsp;<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u4f01\u4e1a\u5c55\u793a\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u8fd9\u7bc7\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6559\u7a0b\u4e2d\uff0c\u6211\u4eec\u5c06\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4f01\u4e1a\u5185\u90e8\u5ba3\u4f20\u5c55\u793a\u7b49\u529f\u80fd\u3002 \u4e00\u3001\u5c0f\u7a0b\u5e8f\u4e3b\u4f53\u90e8\u5206 \u4e00\u4e2a\u5c0f\u7a0b\u5e8f\u4e3b\u4f53\u90e8\u5206\u7531\u4e09\u4e2a\u6587\u4ef6\u7ec4\u6210\uff0c\u5fc5\u987b\u653e\u5728\u9879\u76ee\u7684\u6839\u76ee\u5f55\uff0c\u5982\u4e0b\uff1a 1. \u5c0f\u7a0b\u5e8f\u903b\u8f91 App({ onLaunch: function() { \/\/ Do something initial when launch. }, onShow: function() { \/\/ Do something when show. }, onHide: function() { \/\/ Do something when hide. }, globalData: &#8216;fangbei&#8217;}) \u767b\u5f55\u540e\u590d\u5236 2. \u5c0f\u7a0b\u5e8f\u516c\u5171\u8bbe\u7f6e \u4e3b\u8981\u6ce8\u518c\u4e94\u4e2a\u9875\u9762\uff0c\u8bbe\u7f6e\u7a97\u53e3\uff0c\u4ee5\u53ca\u663e\u793a\u5728tabbar\u4e2d\u663e\u793a\u4e09\u4e2a\u9875\u9762 { &#8220;pages&#8221;: [ &#8220;pages\/index\/index&#8221;, &#8220;pages\/news\/news&#8221;, &#8220;pages\/news\/news-details&#8221;, &#8220;pages\/product\/product&#8221;, &#8220;pages\/contact\/contact&#8221; ], &#8220;window&#8221;: { &#8220;navigationBarTextStyle&#8221;: &#8220;black&#8221;, &#8220;navigationBarTitleText&#8221;: &#8220;\u76db\u4e16\u534e\u5b89&#8221;, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-30044","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=30044"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30044\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30044"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30044"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}