提交 3715b37f 编写于 作者: X xzs02

fix: 解决picker组件和actionSheet组件未使用时在Safari内可见的问题

上级 8ba375f1
<template> <template>
<uni-actionsheet @touchmove.prevent> <uni-actionsheet @touchmove.prevent>
<transition name="uni-fade"> <transition name="uni-fade">
<div <div
v-show="visible" v-show="visible"
class="uni-mask" class="uni-mask"
@click="_close(-1)" /> @click="_close(-1)" />
</transition> </transition>
<div <div
:class="{'uni-actionsheet_toggle':visible}" :class="{'uni-actionsheet_toggle':visible}"
class="uni-actionsheet"> class="uni-actionsheet">
<div class="uni-actionsheet__menu"> <div class="uni-actionsheet__menu">
<div <div
v-for="(title,index) in itemList" v-for="(title,index) in itemList"
:key="index" :key="index"
:style="{color:itemColor}" :style="{color:itemColor}"
class="uni-actionsheet__cell" class="uni-actionsheet__cell"
@click="_close(index)">{{ title }}</div> @click="_close(index)">{{ title }}</div>
</div> </div>
<div class="uni-actionsheet__action"> <div class="uni-actionsheet__action">
<div <div
:style="{color:itemColor}" :style="{color:itemColor}"
class="uni-actionsheet__cell" class="uni-actionsheet__cell"
@click="_close(-1)">取消</div> @click="_close(-1)">取消</div>
</div> </div>
</div> </div>
...@@ -67,10 +67,13 @@ export default { ...@@ -67,10 +67,13 @@ export default {
z-index: 999; z-index: 999;
width: 100%; width: 100%;
background-color: #efeff4; background-color: #efeff4;
transition: transform .3s; visibility: hidden;
transition-property: transform, visibility;
transition-duration: 0.3s, 0.3s;
} }
uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle { uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
visibility: visible;
transform: translate(0, 0); transform: translate(0, 0);
} }
...@@ -78,19 +81,6 @@ export default { ...@@ -78,19 +81,6 @@ export default {
box-sizing: border-box; box-sizing: border-box;
} }
uni-actionsheet .uni-actionsheet {
position: fixed;
left: 0;
bottom: 0;
transform: translate(0, 100%);
backface-visibility: hidden;
z-index: 999;
width: 100%;
background-color: #efeff4;
transition: transform .3s;
transition: transform 0.3s;
}
uni-actionsheet .uni-actionsheet__menu { uni-actionsheet .uni-actionsheet__menu {
background-color: #fcfcfd; background-color: #fcfcfd;
} }
...@@ -127,4 +117,4 @@ export default { ...@@ -127,4 +117,4 @@ export default {
uni-actionsheet .uni-actionsheet__cell:first-child:before { uni-actionsheet .uni-actionsheet__cell:first-child:before {
display: none; display: none;
} }
</style> </style>
...@@ -357,22 +357,6 @@ uni-picker { ...@@ -357,22 +357,6 @@ uni-picker {
box-sizing: border-box; box-sizing: border-box;
} }
uni-picker .uni-picker {
position: fixed;
left: 0;
bottom: 0;
transform: translate(0, 100%);
backface-visibility: hidden;
z-index: 999;
width: 100%;
background-color: #efeff4;
transition: transform 0.3s;
}
uni-picker .uni-picker.uni-picker-toggle {
transform: translate(0, 0);
}
uni-picker .uni-picker * { uni-picker .uni-picker * {
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -386,8 +370,14 @@ uni-picker .uni-picker { ...@@ -386,8 +370,14 @@ uni-picker .uni-picker {
z-index: 999; z-index: 999;
width: 100%; width: 100%;
background-color: #efeff4; background-color: #efeff4;
transition: transform 0.3s; visibility: hidden;
transition: transform 0.3s; transition-property: transform,visibility;
transition-duration: 0.3s, 0.3s;
}
uni-picker .uni-picker.uni-picker-toggle {
visibility: visible;
transform: translate(0, 0);
} }
uni-picker .uni-picker-content { uni-picker .uni-picker-content {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册