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?
显示状态
2条答案
按热度按时间1l5u6lss1#
没做兼容性处理
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);
}