vux [Bug Report] Actionsheet value 为false 还是显示

gt0wga4j  于 2023-03-19  发布在  其他
关注(0)|答案(2)|浏览(262)

VUX version

2.9.2

OS/Browsers version

Ipad 版本 7.1.2(11D257)/safari

Vue version

2.5.16

Code

<template>
  <div class="chart-hand">
    <i id="touchApp" class="icon-touch_app" draggable="true" @click="handleTouch"></i>
    <div v-transfer-dom>
      <actionsheet
        v-model="showSheet"
        :menus="sheetMenus"
        :show-cancel="true"
        @on-click-menu="clickSheet"/>
    </div>
  </div>
</template>
<script>
  import {Actionsheet} from 'vux'
  export default {
    components: {
      Actionsheet
    },
    name: 'ChartHand',
    data() {
      return {
        showSheet: false,
        sheetMenus: {
          menu1: '放大',
          menu2: '缩小',
          menu3: '下页',
          menu4: '上页'
        }
      }
    }
  }
</script>

Steps to reproduce

打开页面with actionsheet

What is Expected?

隐藏状态

What is actually happening?

显示状态

1l5u6lss

1l5u6lss1#

没做兼容性处理

dhxwm5r4

dhxwm5r42#

.weui-actionsheet {
transform: translateY(100%);
-ms-transform: translateY(100%);
-moz-transform: translateY(100%);
-webkit-transform: translateY(100%);
-o-transform: translateY(100%);
}
.weui-actionsheet_toggle {
transform: translate(0);
-ms-transform: translate(0);
-moz-transform: translate(0);
-webkit-transform: translate(0);
-o-transform: translate(0);
}

相关问题