请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
2
帖子
0
勋章
28
Y币

[BUG] act a-popup 安卓 同一界面 多个a-popup只能弹出第一个pop-up

[复制链接]
发表于 2022-6-22 15:44:51
<melo-data data-src="{&quot;mainAtext&quot;:&quot;{\&quot;atext\&quot;:{\&quot;attribs\&quot;:\&quot;*0+a*1*0+1*0+l*1*0+1*0+1c*1*0+1*0+17*1*0+5*0+r*1*0+1*0+z*1*0+1*0+e*1*0+1*0+f*1*0+1*0+y*1*0+1*0+t*1*0+1*0+f*1*0+1*0+s*1*0+1*0+1q*1*0+1*0+n*1*0+1*0+d*1*0+5*0+r*1*0+1*0+z*1*0+1*0+e*1*0+1*0+f*1*0+1*0+y*1*0+1*0+1u*1*0+1*0+f*1*0+1*0+s*1*0+1*0+1v*1*0+1*0+1y*1*0+1*0+1w*1*0+1*0+1x*1*0+1*0+n*1*0+1*0+d*1*0+5*0+r*1*0+1*0+z*1*0+1*0+e*1*0+1*0+f*1*0+1*0+y*1*0+1*0+2w*1*0+1*0+f*1*0+1*0+s*1*0+1*0+1p*1*0+1*0+1q*1*0+1*0+1p*1*0+1*0+1s*1*0+1*0+n*1*0+1*0+d*1*0+5*0+r*1*0+1*0+z*1*0+1*0+e*1*0+1*0+f*1*0+1*0+y*1*0+1*0+13*1*0+1*0+f*1*0+1*0+s*1*0+1*0+1p*1*0+1*0+n*1*0+1*0+d*1*0+3*0+i*1*0+5*0+t*1*0+1*0+1l*1*0+1*0+e*1*0+5*0+1z*1*0+1*0+16*1*0+1*0+e*1*0+3*0+2b*1*0+1*0+16*1*0+1*0+e*1*0+5*0+19*1*0+1*0+m*1*0+1*0+u*1*0+1*0+y*1*0+1*0+16*1*0+1*0+e*1*0+5*0+s*1*0+1*0+m*1*0+1*0+x*1*0+1*0+u*1*0+1*0+y*1*0+1*0+16*1*0+1*0+e*1*0+5*0+s*1*0+1*0+m*1*0+1*0+v*1*0+1*0+17*1*0+1*0+u*1*0+1*0+y*1*0+1*0+16*1*0+1*0+e*1*0+5*0+s*1*0+1*0+m*1*0+1*0+z*1*0+1*0+u*1*0+1*0+y*1*0+1*0+16*1*0+1*0+e*1*0+5*0+s*1*0+1*0+m*1*0+1*0+i*1*0+1*0+u*1*0+1*0+y*1*0+1*0+16*1*0+1*0+e*1*0+3*0+9*1*0+1*0+b*1*0+3*0+8*1*0+1*0+1h*1*0+1*0+1c*1*0+1*0+1n*1*0+1*0+1e*1*0+3*0+g*1*0+1*0+n*1*0+1*0+1f*1*0+1*0+a*1*0+1*0+c*1*0+1*0+1d*1*0+1*0+i*1*0+1*0+5*1*0+1*0+4*1*0+1*0+c*1*0+1*0+w*1*0+1*0+10*1*0+1*0+z*1*0+1*0+6*1*0+1*0+g*1*0+1*0+1b*1*0+1*0+6*1*0+1*0+c*1*0+1*0+o*1*0+1*0+j*1*0+1*0+8*1*0+1*0+5*1*0+1*0+3*1*0+1*0+1*1*0+1*0+9*1*0+3*0+e*1*0+1*0+7*1*0+1*0+f*1*0+1*0+a*1*0+1*0+s*1*0+1*0+1*1*0+5*0+9*1*0+1*0+n*1*0+1*0+1*1*0+3*0+f*1*0+1*0+f*1*0+1*0+j*1*0+1*0+i*1*0+1*0+1*1*0+3*0+e*1*0+1*0+e*1*0+1*0+i*1*0+1*0+m*1*0+1*0+1*1*0+5*0+f*1*0+1*0+l*1*0+1*0+l*1*0+1*0+1*1*0+1*0+8*1*0+2*0+1v*1*0+1*0+2g*1*0+1\&quot;,\&quot;text\&quot;:\&quot;\\n  \\n    \\n    \\n\\n\\n\\n\\n      \\n        \\n          基本用法\\n        \\n        \\n          通过 $show 控制弹出层是否展示。\\n        \\n        \\n          展示弹出层\\n        \\n      \\n\\n\\n\\n\\n      \\n        \\n          弹出位置\\n        \\n        \\n          通过 position 属性设置弹出位置,默认居中弹出,可以设置为 top、bottom、left、right。\\n        \\n        \\n          顶部弹出\\n          底部弹出\\n          左侧弹出\\n          右侧弹出\\n        \\n      \\n\\n\\n\\n\\n      \\n        \\n          关闭图标\\n        \\n        \\n          设置 closeable 属性后,会在弹出层的右上角显示关闭图标,并且可以通过 close-icon 属性自定义图标,使用 close-icon-position 属性可以自定义图标位置。\\n        \\n        \\n          关闭图标\\n          自定义图标\\n          图标位置\\n          自定义图标颜色\\n        \\n      \\n\\n\\n\\n\\n      \\n        \\n          圆角弹窗\\n        \\n        \\n          设置round属性后,弹窗会根据弹出位置添加不同的圆角样式\\n        \\n        \\n          圆角弹窗\\n        \\n      \\n\\n\\n    \\n\\n\\n\\n\\n    \\n       内容\\n    \\n\\n\\n\\n\\n    \\n      内容\\n    \\n\\n\\n    \\n      内容\\n    \\n\\n\\n\\n\\n    \\n      内容\\n    \\n\\n\\n\\n\\n    \\n      内容\\n    \\n\\n\\n\\n\\n    \\n      内容\\n    \\n\\n\\n\\n\\n    \\n      内容\\n    \\n\\n\\n\\n\\n    \\n      内容\\n    \\n\\n\\n  \\n\\n\\n\\n\\n\\n\\n\\n\\n以上代码来源于github示例代码,存在act a-popup组件 安卓平台  同一界面 多个a-popup只能弹出第一个pop-up\\nhttps://**.**/apicloudcom/act/ed ... p/simple-popup.stml\\n\&quot;},\&quot;apool\&quot;:{\&quot;numToAttrib\&quot;:{\&quot;0\&quot;:[\&quot;author\&quot;,\&quot;p.1688854002456385\&quot;],\&quot;1\&quot;:[\&quot;textalign\&quot;,\&quot;left\&quot;]},\&quot;nextNum\&quot;:2}}&quot;,&quot;storyAtexts&quot;:[],&quot;srcGlobalPadId&quot;:&quot;w3_AEEA1wbkAPYb48zVNvYTqGBgDE2QO&quot;}" data-version="2.1.0">
<template>
  <view class="page">
    <a-nav-bar title="simple-popup" left-arrow/>
    <scroll-view style="flex: 1;" scroll-y>




      <view class="simple">
        <text class="simple-title">
          基本用法
        </text>
        <text class="simple-desc">
          通过 $show 控制弹出层是否展示。
        </text>
        <a-cell-group round>
          <a-cell is-link @click="showPopup(0)">展示弹出层</a-cell>
        </a-cell-group>
      </view>




      <view class="simple">
        <text class="simple-title">
          弹出位置
        </text>
        <text class="simple-desc">
          通过 position 属性设置弹出位置,默认居中弹出,可以设置为 top、bottom、left、right。
        </text>
        <a-cell-group round>
          <a-cell is-link @click="showPopup(1,'top')">顶部弹出</a-cell>
          <a-cell is-link @click="showPopup(1,'bottom')">底部弹出</a-cell>
          <a-cell is-link @click="showPopup(2,'left')">左侧弹出</a-cell>
          <a-cell is-link @click="showPopup(2,'right')">右侧弹出</a-cell>
        </a-cell-group>
      </view>




      <view class="simple">
        <text class="simple-title">
          关闭图标
        </text>
        <text class="simple-desc">
          设置 closeable 属性后,会在弹出层的右上角显示关闭图标,并且可以通过 close-icon 属性自定义图标,使用 close-icon-position 属性可以自定义图标位置。
        </text>
        <a-cell-group round>
          <a-cell is-link @click="showPopup(3)">关闭图标</a-cell>
          <a-cell is-link @click="showPopup(4)">自定义图标</a-cell>
          <a-cell is-link @click="showPopup(5)">图标位置</a-cell>
          <a-cell is-link @click="showPopup(6)">自定义图标颜色</a-cell>
        </a-cell-group>
      </view>




      <view class="simple">
        <text class="simple-title">
          圆角弹窗
        </text>
        <text class="simple-desc">
          设置round属性后,弹窗会根据弹出位置添加不同的圆角样式
        </text>
        <a-cell-group round>
          <a-cell is-link @click="showPopup(7)">圆角弹窗</a-cell>
        </a-cell-group>
      </view>


    </scroll-view>




    <a-popup $show="show[0]">
      <text class="demo-content" @click="test"> 内容</text>
    </a-popup>




    <a-popup $show="show[1]" :position="position" style="height: 30%;">
      <text class="demo-content">内容</text>
    </a-popup>


    <a-popup $show="show[2]" :position="position" style="width: 30%;height: 100%;">
      <text class="demo-content">内容</text>
    </a-popup>




    <a-popup $show="show[3]" @close="myClose"
             closeable
             position="bottom"
             style="height: 30%;">
      <text class="demo-content">内容</text>
    </a-popup>




    <a-popup $show="show[4]"
             closeable
             close-icon="success"
             position="bottom"
             style="height: 30%;">
      <text class="demo-content">内容</text>
    </a-popup>




    <a-popup $show="show[5]"
             closeable
             close-icon="close"
             close-icon-position="top-left"
             position="bottom"
             style="height: 30%;">
      <text class="demo-content">内容</text>
    </a-popup>




    <a-popup $show="show[6]"
             closeable
             close-icon-color="red"
             position="bottom"
             style="height: 30%;">
      <text class="demo-content">内容</text>
    </a-popup>




    <a-popup $show="show[7]"
             closeable
             round
             position="bottom"
             style="height: 30%;">
      <text class="demo-content">内容</text>
    </a-popup>


  </view>
</template>


<script>
import ANavBar from "../../components/act/a-nav-bar";
import ACell from "../../components/act/a-cell";
import ACellGroup from "../../components/act/a-cell-group";
import APopup from "../../components/act/a-popup";


export default {
  name: "simple-popup",
  components: {APopup, ACellGroup, ACell, ANavBar},
  data() {
    return {
      show: Array.from({length: 10}).fill(false),
      position: ''
    }
  },
  methods: {
    showPopup(index, position) {
      this.data.position = position;
      this.data.show[index] = true;
    },
    myClose(e) {
      console.log('myClose', JSON.stringify(e))
    },
    test() {
      return api.toast({
        msg: "测试点击"
      })
    }
  }
}
</script>


<style scoped>
.page {
  height: 100%;
  flex: 1;
  background-color: #F8F8F8;
}




.simple {
  padding-bottom: 28px;
}


.simple-title {
  margin: 16px;
  font-weight: 600;
  font-size: 18px;
}


.simple-desc {
  color: #999;
  font-size: 14px;
  margin: 0 16px 16px;
}




.demo-content {
  align-self: center;
  padding: 30px 50px;
}
</style>

以上代码来源于github示例代码,存在act a-popup组件 安卓平台  同一界面 多个a-popup只能弹出第一个pop-up bug
https://**.**/apicloudcom/act/edit/main/widget/pages/simple-popup/simple-popup.stml



发一个简化版的代码,能复现你问题的,我们这边测试一下
2
帖子
0
勋章
28
Y币
  1. <template>
  2.   <view class="page">
  3.     <a-nav-bar title="simple-popup" left-arrow/>
  4.     <scroll-view style="flex: 1;" scroll-y>
  5.       <view class="simple">
  6.         <a-cell-group round>
  7.           <a-cell is-link @click="showPopup(0)">展示弹出层1</a-cell>
  8.         </a-cell-group>
  9.       </view>
  10.       <view class="simple">
  11.         <a-cell-group round>
  12.           <a-cell is-link @click="showPopup(1)">展示弹出层2</a-cell>
  13.         </a-cell-group>
  14.       </view>
  15.     </scroll-view>
  16.     <a-popup $show="show[0]">
  17.       <text class="demo-content" @click="test"> 内容1</text>
  18.     </a-popup>
  19.     <a-popup $show="show[1]" :position="position" style="height: 30%;">
  20.       <text class="demo-content">内容2</text>
  21.     </a-popup>

  22.   </view>
  23. </template>

  24. <script>
  25. import ANavBar from "../components/act/a-nav-bar";
  26. import ACell from "../components/act/a-cell";
  27. import ACellGroup from "../components/act/a-cell-group";
  28. import APopup from "../components/act/a-popup";

  29. export default {
  30.   name: "simple-popup",
  31.   components: {APopup, ACellGroup, ACell, ANavBar},
  32.   data() {
  33.     return {
  34.       show: Array.from({length: 10}).fill(false),
  35.       position: ''
  36.     }
  37.   },
  38.   methods: {
  39.     showPopup(index, position) {
  40.       this.data.position = position;
  41.       this.data.show[index] = true;
  42.     },
  43.     myClose(e) {
  44.       console.log('myClose', JSON.stringify(e))
  45.     },
  46.     test() {
  47.       return api.toast({
  48.         msg: "测试点击"
  49.       })
  50.     }
  51.   }
  52. }
  53. </script>
  54. <style scoped>
  55. .page {
  56.   height: 100%;
  57.   flex: 1;
  58.   background-color: #F8F8F8;
  59. }.simple {
  60.   padding-bottom: 28px;
  61. }.simple-title {
  62.   margin: 16px;
  63.   font-weight: 600;
  64.   font-size: 18px;
  65. }
  66. .simple-desc {
  67.   color: #999;
  68.   font-size: 14px;
  69.   margin: 0 16px 16px;
  70. }
  71. .demo-content {
  72.   align-self: center;
  73.   padding: 30px 50px;
  74. }
  75. </style>
复制代码
技术咨询-特特 · 2022-6-22 18:08发一个简化版的代码,能复现你问题的,我们这边测试一下
2
帖子
0
勋章
28
Y币
  1. https://**.**/apicloudcom/act/edit/main/widget/pages/simple-popup/simple-popup.stml
  2. android不能打开多个a-popup弹框,只能弹出第一个a-popup。ios正常
  3. 代码来源于 act组件github示例代码
复制代码
2
帖子
0
勋章
28
Y币
  1. https://**.**/apicloudcom/act/edit/main/widget/pages/simple-popup/simple-popup.stml
  2. android不能弹出多个a-popup,只能弹出第一个;ios正常
  3. 代码来源于 act组件github示例代码
复制代码
技术咨询-特特 · 2022-6-22 18:08发一个简化版的代码,能复现你问题的,我们这边测试一下
好的,我这边确认一下
这边反馈给开发,
2
帖子
0
勋章
28
Y币
这bug会解决吗?能解决大概什么时候能更新呢,麻烦看见回复一下哦,非常感谢
会解决的,开发那边会排期,处理好了帖子里回复你
2
帖子
0
勋章
28
Y币
好的 谢谢
技术咨询-特特 · 2022-6-27 17:51会解决的,开发那边会排期,处理好了帖子里回复你
12下一页
您需要登录后才可以回帖 登录

本版积分规则