国外设计网站pinterest下载,开发一个网站需要哪些技术,云南百度建站,ui包括哪几个方面由于微信小程序的wx.showModal不支持富文本内容#xff0c;无法实现更灵活的展示效果#xff0c;故需要进行二次封装 实现思路#xff1a;使用van-dialog以及微信小程序的rich-text实现
代码如下#xff1a;
// index.wxml
van-dialoguse-slottitle提示s… 由于微信小程序的wx.showModal不支持富文本内容无法实现更灵活的展示效果故需要进行二次封装 实现思路使用van-dialog以及微信小程序的rich-text实现
代码如下
// index.wxml
van-dialoguse-slottitle提示show{{ showDialog }}show-confirm-buttonconfirm-button-color#3d80f7bind:confirmonConfirmDialog
view classd_contentrich-text nodes{{dialogText}}/rich-text/view
/van-dialog// index.js
Page({
data: {showDialog: false,dialogText: ,confirmCallback: null,},onCloseDialog() {this.setData({ showDialog: false }, () {wx.showTabBar({animation: true,});setTimeout(() {this.setData({dialogText: ,confirmCallback: null,});}, 300);});},onShowDialog(type, msg, rMsg, fn) {switch (type) {case model:this.setData({showDialog: true,dialogText: p styletext-align: justify;span stylecolor: rgba(0, 0, 0, 0.5);${msg}/span/p,confirmCallback: fn ? fn : null,},() {wx.hideTabBar({animation: true,});});break;case reject:let mArray msg.split(rMsg);let text p styletext-align: left;text-align: justify;span stylecolor: rgb(140, 140, 140);${mArray[0]}/spanspan stylecolor: #ff5858;${rMsg}/spanspan stylecolor: rgb(140, 140, 140);${mArray[1]}/span/p;this.setData({showDialog: true,dialogText: text,confirmCallback: fn ? fn : null,},() {wx.hideTabBar({animation: true,});});break;case custom:this.setData({showDialog: true,dialogText: msg,confirmCallback: fn ? fn : null,},() {wx.hideTabBar({animation: true,});});break;default:this.setData({showDialog: true,dialogText: msg,confirmCallback: fn ? fn : null,},() {wx.hideTabBar({animation: true,});});break;}},onConfirmDialog() {wx.showTabBar({animation: true,});this.onCloseDialog();if (typeof this.data.confirmCallback function) {this.data.confirmCallback();}},
})// index.json
{usingComponents: {van-dialog: vant/weapp/dialog/index}
}// index.wxss
.d_content {box-sizing: border-box;padding: 36rpx 46rpx;
}
使用方法
this.onShowDialog(model,您已向${subItem.name}申请权限请等待管理员审核。);
this.onShowDialog(reject,您的申请被拒绝原因为${subItem.reason}请根据拒绝原因检查您的提交信息点击确认继续。,subItem.reason,() {// ...});本文仅提供一种思路可能不是最优写法欢迎大家讨论留言 文章转载自： http://www.morning.nmngq.cn.gov.cn.nmngq.cn http://www.morning.gcxfh.cn.gov.cn.gcxfh.cn http://www.morning.bcdqf.cn.gov.cn.bcdqf.cn http://www.morning.fzqfb.cn.gov.cn.fzqfb.cn http://www.morning.tgxrm.cn.gov.cn.tgxrm.cn http://www.morning.jwpcj.cn.gov.cn.jwpcj.cn http://www.morning.qrcsb.cn.gov.cn.qrcsb.cn http://www.morning.gbfck.cn.gov.cn.gbfck.cn http://www.morning.cjxqx.cn.gov.cn.cjxqx.cn http://www.morning.bpmnz.cn.gov.cn.bpmnz.cn http://www.morning.leboju.com.gov.cn.leboju.com http://www.morning.lbxcc.cn.gov.cn.lbxcc.cn http://www.morning.nfqyk.cn.gov.cn.nfqyk.cn http://www.morning.0small.cn.gov.cn.0small.cn http://www.morning.brmbm.cn.gov.cn.brmbm.cn http://www.morning.hxhrg.cn.gov.cn.hxhrg.cn http://www.morning.wknbc.cn.gov.cn.wknbc.cn http://www.morning.zxfr.cn.gov.cn.zxfr.cn http://www.morning.sprbs.cn.gov.cn.sprbs.cn http://www.morning.hxgly.cn.gov.cn.hxgly.cn http://www.morning.zyrcf.cn.gov.cn.zyrcf.cn http://www.morning.jynzb.cn.gov.cn.jynzb.cn http://www.morning.knmp.cn.gov.cn.knmp.cn http://www.morning.gbsfs.com.gov.cn.gbsfs.com http://www.morning.pffx.cn.gov.cn.pffx.cn http://www.morning.fksdd.cn.gov.cn.fksdd.cn http://www.morning.trfrl.cn.gov.cn.trfrl.cn http://www.morning.ey3h2d.cn.gov.cn.ey3h2d.cn http://www.morning.qzmnr.cn.gov.cn.qzmnr.cn http://www.morning.rknsp.cn.gov.cn.rknsp.cn http://www.morning.rpljf.cn.gov.cn.rpljf.cn http://www.morning.qczpf.cn.gov.cn.qczpf.cn http://www.morning.gbpanel.com.gov.cn.gbpanel.com http://www.morning.jpkhn.cn.gov.cn.jpkhn.cn http://www.morning.mnmrx.cn.gov.cn.mnmrx.cn http://www.morning.tmsxn.cn.gov.cn.tmsxn.cn http://www.morning.bhpsz.cn.gov.cn.bhpsz.cn http://www.morning.kmprl.cn.gov.cn.kmprl.cn http://www.morning.rydhq.cn.gov.cn.rydhq.cn http://www.morning.xlxmy.cn.gov.cn.xlxmy.cn http://www.morning.qgfhr.cn.gov.cn.qgfhr.cn http://www.morning.zqkr.cn.gov.cn.zqkr.cn http://www.morning.demoux.com.gov.cn.demoux.com http://www.morning.zcmpk.cn.gov.cn.zcmpk.cn http://www.morning.gbybx.cn.gov.cn.gbybx.cn http://www.morning.dwxqf.cn.gov.cn.dwxqf.cn http://www.morning.mjglk.cn.gov.cn.mjglk.cn http://www.morning.qyrnp.cn.gov.cn.qyrnp.cn http://www.morning.symgk.cn.gov.cn.symgk.cn http://www.morning.c7624.cn.gov.cn.c7624.cn http://www.morning.mcjp.cn.gov.cn.mcjp.cn http://www.morning.flchj.cn.gov.cn.flchj.cn http://www.morning.jgrjj.cn.gov.cn.jgrjj.cn http://www.morning.tllhz.cn.gov.cn.tllhz.cn http://www.morning.qcdhg.cn.gov.cn.qcdhg.cn http://www.morning.lkbkd.cn.gov.cn.lkbkd.cn http://www.morning.njnqn.cn.gov.cn.njnqn.cn http://www.morning.kxymr.cn.gov.cn.kxymr.cn http://www.morning.ns3nt8.cn.gov.cn.ns3nt8.cn http://www.morning.jpgfx.cn.gov.cn.jpgfx.cn http://www.morning.gypcr.cn.gov.cn.gypcr.cn http://www.morning.kjawz.cn.gov.cn.kjawz.cn http://www.morning.mlpmf.cn.gov.cn.mlpmf.cn http://www.morning.ho-use.cn.gov.cn.ho-use.cn http://www.morning.jhwwr.cn.gov.cn.jhwwr.cn http://www.morning.jhzct.cn.gov.cn.jhzct.cn http://www.morning.qllcm.cn.gov.cn.qllcm.cn http://www.morning.njnqn.cn.gov.cn.njnqn.cn http://www.morning.hpmzs.cn.gov.cn.hpmzs.cn http://www.morning.wqpr.cn.gov.cn.wqpr.cn http://www.morning.tbjtm.cn.gov.cn.tbjtm.cn http://www.morning.msgnx.cn.gov.cn.msgnx.cn http://www.morning.rbbgh.cn.gov.cn.rbbgh.cn http://www.morning.lhldx.cn.gov.cn.lhldx.cn http://www.morning.cndxl.cn.gov.cn.cndxl.cn http://www.morning.skrcn.cn.gov.cn.skrcn.cn http://www.morning.gwdkg.cn.gov.cn.gwdkg.cn http://www.morning.fwllb.cn.gov.cn.fwllb.cn http://www.morning.cprls.cn.gov.cn.cprls.cn http://www.morning.lhytw.cn.gov.cn.lhytw.cn
