微信版本:7.0.17
安卓版本:10.0
微信JSSDK版本:1.6.0
项目是用vue写的,UI框架是VUX
这个页面一共有5个
其中0/1可以显示,2/3/4不能显示
0是用div包裹的,1是用cell-box包裹的,2/3/4是写在弹窗里面的,弹窗组件通过v-transfer-dom指令把弹窗元素移到了body下面
有问题的链接:https://class.acagrid.com/promote/debug_test
我已经手动设置了
模板代码如下:
<div style="height: 30px;">div>
<div class=“text” @click=“show_popup=true”>准备好的标签:{{ready_btns}}div> <div style=“height: 30px;”>div> <div class=“text” @click=“show_popup=true”>打开弹窗div> <div style=“height: 30px;”>div>
<div class=“text”> <wx-open-launch-weapp class=“weapp-wrap” id=“launch-btn0” :username=“mm_id” path=“pages/image_uploader/index.html?token=vip” @ready=“weappReady(0)”> <script type=“text/wxtag-template”> <style> .diy-style { display: block; text-align: center; font-size: 18px; line-height: 25px; text-align: center; color: #000000; width: 100%; } style> <div class=“diy-style”>打开小程序0div> script> wx-open-launch-weapp> div>
<group :gutter=“0”> <cell-box class=“need-active” :border-intent=“false”> <wx-open-launch-weapp class=“weapp-wrap” id=“launch-btn1” :username=“mm_id” :path=“mm_path” @ready=“weappReady(1)” @launch=“startMP” @error=“errorMPOpen”> <script type=“text/wxtag-template”> <style> .diy-style { display: block; text-align: center; font-size: 18px; line-height: 25px; text-align: center; color: #000000; width: 100%; } style> <div class=“diy-style”>打开小程序1div> script> wx-open-launch-weapp> cell-box>
group>
<popup v-transfer-dom v-model=“show_popup” :show-mask=“true” class=“upload-options-selector”> <div class=“popup-content”> <group :gutter=“0”> <cell-box class=“need-active” :border-intent=“false” @click.native=“clickCamera”> <div class=“pop-option”>拍摄div> cell-box> <cell-box class=“need-active” :border-intent=“false” @click.native=“clickAlbum”> <div class=“pop-option”>相册选择div> cell-box> <cell-box class=“need-active” :border-intent=“false”> <wx-open-launch-weapp class=“weapp-wrap” id=“launch-btn2” :username=“mm_id” :path=“mm_path” @ready=“weappReady(2)” @launch=“startMP” @error=“errorMPOpen”> <script type=“text/wxtag-template”> <style> .diy-style { display: block; text-align: center; font-size: 18px; line-height: 25px; text-align: center; color: #000000; width: 100%; } style> <div class=“diy-style”>打开小程序2div> script> wx-open-launch-weapp> cell-box> <cell-box class=“need-active” :border-intent=“false”> <wx-open-launch-weapp class=“weapp-wrap” id=“launch-btn3” :username=“mm_id” :path=“mm_path” @ready=“weappReady(3)” @launch=“startMP” @error=“errorMPOpen”> <template> <div class=“diy-style”>打开小程序3div> template> wx-open-launch-weapp> cell-box> <cell-box class=“need-active” :border-intent=“false”> <wx-open-launch-weapp class=“weapp-wrap” id=“launch-btn4” :username=“mm_id” :path=“mm_path” @ready=“weappReady(4)” @launch=“startMP” @error=“errorMPOpen”> <script type=“text/wxtag-template”> <div class=“diy-style”>打开小程序4div> script> wx-open-launch-weapp> cell-box>
group> <group :gutter=“6”> <cell-box class=“need-active” :border-intent=“false” @click.native=“show_popup=false”> <div class=“pop-option”>取消div> cell-box> group> div> popup>