花了兩天時間,看著微信小程序開發(fā)文檔寫了一個簡單的微信小程序股耽,因為涉及到html渲染問題颜曾,特記錄下來
小程序默認是不支持html格式的內(nèi)容顯示的,那我們需要顯示html內(nèi)容的時候缸血,就可以通過wxParse來實現(xiàn)蜜氨。
1,下載wxparse(鏈接:https://pan.baidu.com/s/1htmfVow 密碼:x56c)
2捎泻,將其中的wxparse復制到小程序的項目中(與pages同級目錄)
3飒炎,在app.wxss全局樣式文件中,需要引入wxParse的樣式表
????????@import?"wxParse/wxParse.wxss";
(這一步可以省略笆豁,會對全局樣式造成影響)
4郎汪,在需要加載html內(nèi)容的頁面對應(yīng)的js文件里引入wxParse
????????let?wxparse =?require("../../wxParse/wxParse.js");
5,通過調(diào)用WxParse.wxParse方法來設(shè)置html內(nèi)容
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName綁定的數(shù)據(jù)名(必填)
* 2.type可以為html或者md(必填)
* 3.data為傳入的具體數(shù)據(jù)(必填)
* 4.target為Page對象,一般為this(必填)
* 5.imagePadding為當圖片自適應(yīng)是左右的單一padding(默認為0,可選)
*/
6煞赢,在頁面中引用模板
? ? ?項目應(yīng)用
????????????????????????????我的dkcontent數(shù)據(jù)是從別的json文件導進來的,給大家看看數(shù)據(jù)結(jié)構(gòu)
最終效果~