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

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

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