欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微信小程序篇之wxParse

程序员文章站 2022-05-23 21:19:36
> weixin_43315977... > 微信小程序篇(笔记1:wxparse) --> 微信小程序篇(笔记1:wxparse) 1、下...

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

    1、下载wxparse

    微信小程序篇之wxParse
    文件夹wxparse中:除emojis文件夹可选之外,其它必须存在
    微信小程序篇之wxParse

    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:引入模板