This commit is contained in:
老叶
2021-07-27 15:37:21 +08:00
parent 170dd2dbd5
commit e920da53e4
33 changed files with 1144 additions and 24 deletions
+1 -1
View File
@@ -8,7 +8,7 @@
插槽:
<view slot="content">这里是插入到组件slot中的内容</view>
<view slot="opt">这里是插入到组件slot中的内容</view> -->
<view class="XXK-msg" style="{{isShow?'display:block':'display:none'}}" catchmove="aaa">
<view class="lcb-msg" style="{{isShow?'display:block':'display:none'}}" catchmove="aaa">
<view class="msgBg" style="background-color: rgba(0, 0, 0, .6);"></view>
<view class="msgMain {{isShow?'active':''}}" style="{{isTransparent?'background-color: transparent;':''}}" catchmove="aaa">
<block wx:if="{{isHasClose !=''}}">
+15 -15
View File
@@ -1,8 +1,8 @@
@import "../../commons/css/common.wxss";
.XXK-msg{
.lcb-msg{
}
.XXK-msg .msgBg{
.lcb-msg .msgBg{
position: fixed;
left: 0;
top: 0;
@@ -10,7 +10,7 @@
height: 100%;
z-index: 9998;
}
.XXK-msg .msgMain{
.lcb-msg .msgMain{
position: fixed;
left: 50%;
top: 50%;
@@ -22,18 +22,18 @@
border-radius: 20rpx;
overflow: hidden;
}
.XXK-msg .msgMain.active{
animation: card .5s linear 1;
.lcb-msg .msgMain.active{
/* animation: card .5s linear 1; */
}
.XXK-msg .msgMain .close{
.lcb-msg .msgMain .close{
position: absolute;
}
.XXK-msg .msgMain .close.up{
.lcb-msg .msgMain .close.up{
right: 0;
top: -80rpx;
font-size: 30rpx;
}
.XXK-msg .msgMain .close.up::before{
.lcb-msg .msgMain .close.up::before{
content: '';
position: absolute;
width: 4rpx;
@@ -42,7 +42,7 @@
left: 50%;
top: 53rpx;
}
.XXK-msg .msgMain .close.up text{
.lcb-msg .msgMain .close.up text{
width: 53rpx;
height: 53rpx;
line-height: 53rpx;
@@ -52,13 +52,13 @@
border: 4rpx solid #fff;
box-sizing: border-box;
}
/* .XXK-msg .msgMain .close.down{
/* .lcb-msg .msgMain .close.down{
left: 50%;
bottom: -140rpx;
transform: translateX(-50%);
font-size: 53rpx;
} */
.XXK-msg .msgMain .close.down{
.lcb-msg .msgMain .close.down{
right: 20rpx;
top: 20rpx;
/* font-size: 30rpx; */
@@ -68,7 +68,7 @@
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAG1BMVEUAAAAjGBUjGBUjGBUjGBUjGBUjGBUjGBUjGBUq0FsOAAAACXRSTlMAZlQITRE0SzF33gruAAAAh0lEQVQoz33S0Q1AMBDG8Uss4GzQiHfpBBoLsAEbGMHoHtr6N/lEX1x9v1Dn7FytXV06zIe5vRW9t+Rji4IvFluWd12AlQ2MGkYJyxUZBSGopCBYRTAQrCLYVBHMXwQriLW7b/av9Fn6Rj2Xnl6/UTsB4qpd1d6TwYhg+rdBMJ2c62O+dArvBxZYHZp91AHFAAAAAElFTkSuQmCC");
}
.XXK-msg .msgMain-title{
.lcb-msg .msgMain-title{
display: block;
padding: 25rpx 0 5rpx 0;
text-align: center;
@@ -76,19 +76,19 @@
font-size: 36rpx;
color: #000;
}
.XXK-msg .msgMain-content{
.lcb-msg .msgMain-content{
display: block;
font-size: 24rpx;
color: #999;
padding: 0 39rpx 55rpx;
text-align: center;
}
.XXK-msg .msgMain .bd{
.lcb-msg .msgMain .bd{
/* padding-bottom: 30rpx; */
height: 100rpx;
line-height: 100rpx;
}
.XXK-msg .msgMain-opt{
.lcb-msg .msgMain-opt{
display: flex;
}
.msgMain-opt-item{