微信小程序篇(笔记1:wxParse)

1、下载wxParse

github地址: https://github.com/icindy/wxParse
微信小程序篇(笔记1:wxParse)_第1张图片
文件夹wxParse中:除emojis文件夹可选之外,其它必须存在
微信小程序篇(笔记1:wxParse)_第2张图片

2、把wxParse文件夹放在你的项目目录下,开始解析html啦

举个栗子:xxx文件夹中

  • app.wxss/xxx.wxss:引入wxParse里自带的样式
    @import "/wxParse/wxParse.wxss";
  • xxx.js:这一步的目的是绑定数据
/**
 - WxParse.wxParse(bindName , type, data, target,imagePadding)
 - 1.bindName绑定的数据名(必填)
 - 2.type可以为html或者md(必填)
 - 3.data为传入的具体数据(必填)
 - 4.target为Page对象,一般为this(必填)
 - 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
const WxParse = require('../../wxParse/wxParse.js');
var goods = data.goods;//data为从后端获取的数据
WxParse.wxParse('goods', 'html', goods, that, 0);
var article = '
我是HTML代码
';//自定义的模板 WxParse.wxParse('article', 'html', article, that, 5);
  • xxx.wxml:引入模板