<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          小程序----頁面兼容h5標簽

          2018-8-28    seo達人

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          有時候當小程序向后臺拿數據是一篇html標簽的文章時,把它放進小程序會發現很多標簽就不兼容,如果要一個個改又很麻煩,有沒有方法可以很快地兼容html標簽呢? 
          有個工具可以做到:wxParse 
          這里寫圖片描述 
          下載了它的壓縮包后解壓,復制wxParse文件夾放到小程序pages頁面里: 
          這里寫圖片描述 
          在wxml里引入,這里的路徑僅供參考:

          <import src="../../../../wxParse/wxParse.wxml" /> <view> //在需要放置html文本的地方使用wxParse模板 <template is="wxParse" data="{{wxParseData:content.nodes}}" /> </view>
              
          • 1
          • 2
          • 3
          • 4
          • 5

          在js里引入:

          let wxparse = require("../../../../wxParse/wxParse.js");
          Page({ /**
             * 頁面的初始數據
             */ data: {
                content: '' },
             onLoad: function(options) { var that = this;
               ..... /**
          * WxParse.wxParse(bindName , type, data, target,imagePadding)
          * 1.bindName綁定的數據名(必填)
          * 2.type可以為html或者md(必填)
          * 3.data為傳入的具體數據(必填)
          * 4.target為Page對象,一般為this(必填)
          * 5.imagePadding為當圖片自適應是左右的單一padding(默認為0,可選)
          */ wxparse.wxParse('content', 'html', result.data.content, that);
             }
              
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22

          在wxss引入:

          @import "../../../../wxParse/wxParse.wxss";
          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合