Commit 7fb0f255 by xiexiaoqin

style: popup style change back

parent 8bc2e8dd
.dm-popup-content { .dm-popup-content {
position: fixed; position: fixed;
} }
.dm-popup-mask { .dm-popup-mask {
display: none; display: none;
position: fixed; position: fixed;
...@@ -12,56 +13,70 @@ ...@@ -12,56 +13,70 @@
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
} }
.dm-popup-left { .dm-popup-left {
transform: translateX(-100%); transform: translateX(-100%);
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
} }
.dm-popup-right { .dm-popup-right {
transform: translateX(100%); transform: translateX(100%);
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
} }
.dm-popup-top { .dm-popup-top {
top: 0; top: 0;
width: 100vw; width: 100vw;
transform: translateY(-100%); transform: translateY(-100%);
} }
.dm-popup-bottom { .dm-popup-bottom {
bottom: 0; bottom: 0;
width: 100vw; width: 100vw;
transform: translateY(100%); transform: translateY(100%);
} }
.dm-popup-show .dm-popup-content { .dm-popup-show .dm-popup-content {
transform: none; transform: none;
} }
.dm-popup-show .dm-popup-mask { .dm-popup-show .dm-popup-mask {
display: block; display: block;
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
.dm-popup.animation .dm-popup-content { .dm-popup.animation .dm-popup-content {
transition: all 0.15s linear; transition: all 0.15s linear;
} }
.dm-popup.animation .dm-popup-mask { .dm-popup.animation .dm-popup-mask {
transition: all 0.15s linear; transition: all 0.15s linear;
} }
/* 弹框的样式定义不同的类名 */ /* 弹框的样式定义不同的类名 */
.fillet{
.fillet {
background: #fff; background: #fff;
border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0;
} }
.close-icon{
height:64rpx; .close-icon {
text-align: center; height: 64rpx;
text-align: center;
} }
.close-icon .iconfont{
color:#291B263D; .close-icon>.iconfont {
} color: #291B263D;
.title{ font-size: 64rpx;
text-align: center;
font-size: 24rpx;
color:rgba(25, 31, 37, 1);
} }
.popup-title {
text-align: center;
font-size: 24rpx;
color: rgba(25, 31, 37, 0.56);
}
\ No newline at end of file
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<view a:if="{{position == 'bottom'}}" class="close-icon"> <view a:if="{{position == 'bottom'}}" class="close-icon">
<text onTap="onMaskTap" class="iconfont iconicon_slide"></text> <text onTap="onMaskTap" class="iconfont iconicon_slide"></text>
</view> </view>
<view class="title" a:if="{{title}}">{{title}}</view> <view class="popup-title" a:if="{{title}}">{{title}}</view>
<slot/> <slot/>
</view> </view>
</view> </view>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment