如何把html转换成小程序页面

1290
2021/1/11 13:45:49
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

如何把html转换成小程序页面

在html中使用wxParse库转换成小程序页面的方法

1.在浏览器下载好wxParse库文件,并将wxParse文件复制到小程序的根目录下;

2.打开wxml文件,在文件中引入wxParse模板;

// 首先先引入模板 

<import src="../../../wxParse/wxParse.wxml" />

// 使用模板

<view class="cont">

<template is='wxParse' data="{{wxParseData:article.nodes}}"/>

</view>

3.wxParse模板引入后,在wxss文件中调用wxParse;

@import '../../../wxParse/wxParse.wxss';

4.最后,在json文件中进行配置即可;

var WxParse = require('../../../wxParse/wxParse.js'); //引入wxParse

var article = '<div>我是HTML代码</div>';

var that = this;

WxParse.wxParse('article', 'html', article, that, 5);

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: 小程序页面有哪些规范