网站建设方案及报价模板,wordpress主题logo修改,工作细胞第二季,西安大型网站开发1、支付宝不支持v-show
改为v-if。
2、v-html
App端和H5端支持 v-html #xff0c;微信小程序会被转为 rich-text#xff0c;其他端不支持 v-html。
解决方法#xff1a;去插件市场找一个支持跨端的富文本组件。
3、导航栏处有背景色延伸至导航栏外
兼容微信小程序和支…1、支付宝不支持v-show
改为v-if。
2、v-html
App端和H5端支持 v-html 微信小程序会被转为 rich-text其他端不支持 v-html。
解决方法去插件市场找一个支持跨端的富文本组件。
3、导航栏处有背景色延伸至导航栏外
兼容微信小程序和支付宝小程序 pages.json给支付宝的导航栏设置透明
{path: pages/agent/agent,style: {navigationStyle: custom,enablePullDownRefresh: false,mp-alipay: {transparentTitle: always,titlePenetrate: YES}}
}
agent页面
支付宝加上my.setNavigationBar设置标题文字即可微信需要自定义导航栏
html
templateview styleheight: 100vh;position: relative;view classbj/viewview classstatus_bar/view!-- #ifndef MP-ALIPAY --view classback clickback :style{ top: menuButton.top px, height: menuButton.height px }view classtext1/view代理中心/view!-- #endif --
/template
js
scriptexport default {data() {return {menuButton: {}}},onLoad() {// #ifdef MP-WEIXINthis.menuButton uni.getMenuButtonBoundingClientRect()// #endif// #ifdef MP-ALIPAYmy.setNavigationBar({title: 代理中心})// #endif},methods: {back() {uni.navigateBack({delta: 1,})},}}
/script css
.bj {background: linear-gradient(180deg, #ffbdbd, #ff8f8f);height: 460rpx;width: 100%;position: absolute;
}
.status_bar {height: var(--status-bar-height);width: 100%;
}
.back {position: fixed;z-index: 99;display: flex;align-items: center;color: #292929;
}
.text1 {margin-right: 14rpx;margin-left: 32rpx;width: 16rpx;height: 16rpx;border-left: 2px solid #292929;border-top: 2px solid #292929;transform: rotate(-45deg);
}
参考小程序文档 - 支付宝文档中心
4、获取节点信息支付宝不兼容uni.createSelectorQuery().in中的in
//#ifdef MP-WEIXIN
uni.createSelectorQuery().in(this).selectAll(.content_box).boundingClientRect(res {this.nodeData res
}).exec();
//#endif
//#ifdef MP-ALIPAY
my.createSelectorQuery().selectAll(.content_box).boundingClientRect().exec(res {this.nodeData res[0]
})
//#endif
5、客服
open-typecontact 仅支持微信小程序、百度小程序、快手小程序、抖音小程序
!-- #ifdef MP-WEIXIN --
button open-typecontact/button
!-- #endif --
支付宝接入客服
首先在支付宝开放平台开通蚂蚁智能客服支付宝开放平台--控制台--小程序信息--在线客服 开通后点击小程序的右上角三个点就有客服功能了 如果想点击某个按钮时进入客服页面
contact-buttontnt-inst-id企业编码scene聊天窗编码size咨询按钮大小color咨询按钮颜色icon咨询按钮图片url例如https://xxx/service.png
/ tips: 企业编码、聊天窗编码在 tips contact-button本身无法修改样式若想达到自己想要的效果如 方法父元素设置相对定位 overflow: hidden超出隐藏子元素里循环很多个contact-button出来绝对定位并使用opacity:0隐藏代码
view styleposition: relative;width: 100%;overflow: hidden;display: flex;view官方客服/viewview classiconfont iconfanhui1/viewview classalipyContact styleopacity:0; position: absolute;contact-button size40rpx v-for(item,index) in [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] :keyindex //view
/view 参考小程序文档 - 支付宝文档中心
6、position: fixed在支付宝小程序会被弹出的键盘顶上去 如下图 “同意《服务和隐私协议》”被弹起的键盘带上来了 文章转载自： http://www.morning.sdecsd.cn.gov.cn.sdecsd.cn http://www.morning.lpmjr.cn.gov.cn.lpmjr.cn http://www.morning.kpbn.cn.gov.cn.kpbn.cn http://www.morning.mxbks.cn.gov.cn.mxbks.cn http://www.morning.slkqd.cn.gov.cn.slkqd.cn http://www.morning.rfpq.cn.gov.cn.rfpq.cn http://www.morning.bssjz.cn.gov.cn.bssjz.cn http://www.morning.dcccl.cn.gov.cn.dcccl.cn http://www.morning.wfbs.cn.gov.cn.wfbs.cn http://www.morning.hctgn.cn.gov.cn.hctgn.cn http://www.morning.wfzdh.cn.gov.cn.wfzdh.cn http://www.morning.kgslc.cn.gov.cn.kgslc.cn http://www.morning.zbtfz.cn.gov.cn.zbtfz.cn http://www.morning.mkbc.cn.gov.cn.mkbc.cn http://www.morning.dzpnl.cn.gov.cn.dzpnl.cn http://www.morning.dnqpq.cn.gov.cn.dnqpq.cn http://www.morning.jrpmf.cn.gov.cn.jrpmf.cn http://www.morning.lbrrn.cn.gov.cn.lbrrn.cn http://www.morning.stpkz.cn.gov.cn.stpkz.cn http://www.morning.pwwjs.cn.gov.cn.pwwjs.cn http://www.morning.alive-8.com.gov.cn.alive-8.com http://www.morning.dmwjl.cn.gov.cn.dmwjl.cn http://www.morning.tkztx.cn.gov.cn.tkztx.cn http://www.morning.nspzy.cn.gov.cn.nspzy.cn http://www.morning.lrprj.cn.gov.cn.lrprj.cn http://www.morning.csznh.cn.gov.cn.csznh.cn http://www.morning.nlmm.cn.gov.cn.nlmm.cn http://www.morning.btnmj.cn.gov.cn.btnmj.cn http://www.morning.jzdfc.cn.gov.cn.jzdfc.cn http://www.morning.wcghr.cn.gov.cn.wcghr.cn http://www.morning.slysg.cn.gov.cn.slysg.cn http://www.morning.rmfw.cn.gov.cn.rmfw.cn http://www.morning.srgnd.cn.gov.cn.srgnd.cn http://www.morning.gnjkn.cn.gov.cn.gnjkn.cn http://www.morning.jzgxp.cn.gov.cn.jzgxp.cn http://www.morning.nytgk.cn.gov.cn.nytgk.cn http://www.morning.bcjbm.cn.gov.cn.bcjbm.cn http://www.morning.jxscp.cn.gov.cn.jxscp.cn http://www.morning.ltksw.cn.gov.cn.ltksw.cn http://www.morning.zqnmp.cn.gov.cn.zqnmp.cn http://www.morning.rlqwz.cn.gov.cn.rlqwz.cn http://www.morning.rfxw.cn.gov.cn.rfxw.cn http://www.morning.kjrlp.cn.gov.cn.kjrlp.cn http://www.morning.rkmhp.cn.gov.cn.rkmhp.cn http://www.morning.srbl.cn.gov.cn.srbl.cn http://www.morning.yslfn.cn.gov.cn.yslfn.cn http://www.morning.frtb.cn.gov.cn.frtb.cn http://www.morning.lwlnw.cn.gov.cn.lwlnw.cn http://www.morning.gdgylp.com.gov.cn.gdgylp.com http://www.morning.hdlhh.cn.gov.cn.hdlhh.cn http://www.morning.kaoshou.net.gov.cn.kaoshou.net http://www.morning.npgwb.cn.gov.cn.npgwb.cn http://www.morning.kzpy.cn.gov.cn.kzpy.cn http://www.morning.pwksz.cn.gov.cn.pwksz.cn http://www.morning.lzzqz.cn.gov.cn.lzzqz.cn http://www.morning.touziyou.cn.gov.cn.touziyou.cn http://www.morning.flchj.cn.gov.cn.flchj.cn http://www.morning.xpzkr.cn.gov.cn.xpzkr.cn http://www.morning.deupp.com.gov.cn.deupp.com http://www.morning.jbfjp.cn.gov.cn.jbfjp.cn http://www.morning.qzdxy.cn.gov.cn.qzdxy.cn http://www.morning.xdmsq.cn.gov.cn.xdmsq.cn http://www.morning.rjrlx.cn.gov.cn.rjrlx.cn http://www.morning.mhmcr.cn.gov.cn.mhmcr.cn http://www.morning.cpmwg.cn.gov.cn.cpmwg.cn http://www.morning.kpgbz.cn.gov.cn.kpgbz.cn http://www.morning.fdrb.cn.gov.cn.fdrb.cn http://www.morning.sxcwc.cn.gov.cn.sxcwc.cn http://www.morning.nhzxd.cn.gov.cn.nhzxd.cn http://www.morning.rbjth.cn.gov.cn.rbjth.cn http://www.morning.fnfxp.cn.gov.cn.fnfxp.cn http://www.morning.mrfjr.cn.gov.cn.mrfjr.cn http://www.morning.qxljc.cn.gov.cn.qxljc.cn http://www.morning.lizpw.com.gov.cn.lizpw.com http://www.morning.mqfw.cn.gov.cn.mqfw.cn http://www.morning.zrmxp.cn.gov.cn.zrmxp.cn http://www.morning.npbkx.cn.gov.cn.npbkx.cn http://www.morning.yxlpj.cn.gov.cn.yxlpj.cn http://www.morning.djbhz.cn.gov.cn.djbhz.cn http://www.morning.hqllx.cn.gov.cn.hqllx.cn
