wx-open-launch-weapp 在弹窗组件中不显示按钮?
发布于 6 年前 作者 yong59 9751 次浏览 来自 问答

微信版本:7.0.17

安卓版本:10.0

微信JSSDK版本:1.6.0

项目是用vue写的,UI框架是VUX

这个页面一共有5个

标签,分别是【打开小程序0/1/2/3/4】

其中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-size18px;               line-height25px;               text-align: center;               color#000000;               width100%;             }           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-size18px;                 line-height25px;                 text-align: center;                 color#000000;                 width100%;               }             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-size18px;                     line-height25px;                     text-align: center;                     color#000000;                     width100%;                   }                 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>

1 回复

我记得有说 不让用定位 以及 transform等操作。你这个可能是移到父容器外了。

回到顶部