小程序開發之插件功能的有效實現方法
在wxml中引入,代碼如下:
{{title}}
在wcss中引入,代碼如下:
@import "/wxParse/wxParse.wxss";
.title{
/ border:solid #000 1rpx; /
width: 100% ;
text-align: center;
background-color: #fff;
font-size: 30rpx;
height:80rpx;
line-height: 80rpx;
}
.content{
/ border:solid #000 1rpx; /
width: 100% ;
margin-top:20rpx;
height: 100%;
background-color: #fff;
font-size: 25rpx;
padding:20rpx;
}
在js中引入,代碼如下:
// pages/helpcontent/helpcontent.js
var WxParse = require(‘../../wxParse/wxParse.js‘);
Page({
/**
- 頁面的初始數據
*/
data: {
},
/**
- 生命周期函數--監聽頁面加載
*/
onLoad: function (options) {
var that=this
wx.request({
url: ‘https://www.xxxxx.cc/monkeytutor/index.php/Home/Index/about‘, //僅為示例,並非真實的接口地址
header: {
‘content-type‘: ‘application/json‘
},
success: function (res) {
console.log(res.data.title)
that.setData({
title: res.data.title,//第一個data為固定用法,第二個data是json中的data
infos: WxParse.wxParse(‘infos‘, ‘html‘, res.data.infos, that, 5)
})
}
})
}
那麽到這裏就結束了,大家現在可以嘗試一下了,如果還是存在有不理解或者不清楚的地方,都是可以留言咨詢我們的。
本文由專業的鄭州小程序開發公司燚軒科技整理發布,原創不易,如需轉載請註明出處。
小程序開發之插件功能的有效實現方法