当前位置: 首页 > news >正文

小程序开发之插件功能的有效实现方法

  我们在做小程序开发时,比如说在编辑器里里面编辑了一段内容,输出网页版只需要htmlspecialchars_decode()函数就可以搞定了,但是输出小程序就并不是那么简单了,必须要使用wxParse插件才能完成。下面跟大家分享一下导入插件的使用方法:
在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)

})

}

})

}

  那么到这里就结束了,大家现在可以尝试一下了,如果还是存在有不理解或者不清楚的地方,都是可以留言咨询我们的。

  本文由专业的郑州小程序开发公司燚轩科技整理发布,原创不易,如需转载请注明出处。

转载于:https://blog.51cto.com/13686158/2299222

相关文章:

  • 数据库 Oracle12c (三):安装与启动
  • elasticsearch实战---中文拼音A-Z排序(完美解决)
  • NOIP2018 游记
  • Python 的经典设计格言,格言来源于 Python 但不限于 Python
  • 关于微信小程序登录,后端如何生成3rd_session?(后端为c#)
  • hadoop和spark的区别
  • 解决Composer 使用时要求输入授权用户名密码问题
  • Java实现视频网站的视频上传、视频转码、视频关键帧抽图, 及视频播放功能
  • gitlab 502问题解决
  • CEF与代理
  • VS2010安装与启动
  • jQuery快速入门
  • 线下比特币现金交易的区块链创企CoinText.io完成60万美元种子轮融资
  • SCOI2008着色方案(记忆化搜索)
  • 高性能iOS应用开发(二):应用的生命周期
  • 30天自制操作系统-2
  • Fabric架构演变之路
  • HTML中设置input等文本框为不可操作
  • HTTP--网络协议分层,http历史(二)
  • JavaScript学习总结——原型
  • Laravel Telescope:优雅的应用调试工具
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • markdown编辑器简评
  • React-redux的原理以及使用
  • Sublime Text 2/3 绑定Eclipse快捷键
  • Travix是如何部署应用程序到Kubernetes上的
  • vue2.0一起在懵逼的海洋里越陷越深(四)
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 分享一份非常强势的Android面试题
  • 工程优化暨babel升级小记
  • 记一次和乔布斯合作最难忘的经历
  • 两列自适应布局方案整理
  • 学习HTTP相关知识笔记
  • 做一名精致的JavaScripter 01:JavaScript简介
  • Java总结 - String - 这篇请使劲喷我
  • Linux权限管理(week1_day5)--技术流ken
  • Spring Batch JSON 支持
  • ​LeetCode解法汇总518. 零钱兑换 II
  • ​TypeScript都不会用,也敢说会前端?
  • ###C语言程序设计-----C语言学习(3)#
  • #数学建模# 线性规划问题的Matlab求解
  • $NOIp2018$劝退记
  • (42)STM32——LCD显示屏实验笔记
  • (LeetCode) T14. Longest Common Prefix
  • (第61天)多租户架构(CDB/PDB)
  • (分类)KNN算法- 参数调优
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (篇九)MySQL常用内置函数
  • (十八)用JAVA编写MP3解码器——迷你播放器
  • (一)C语言之入门:使用Visual Studio Community 2022运行hello world
  • (转)程序员技术练级攻略
  • *p++,*(p++),*++p,(*p)++区别?
  • .Net Attribute详解(上)-Attribute本质以及一个简单示例
  • .NET Core 版本不支持的问题
  • .net core 源码_ASP.NET Core之Identity源码学习