微信版本: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>
我记得有说 不让用定位 以及 transform等操作。你这个可能是移到父容器外了。
弹窗不显示这个问题最终怎么解决的