91 lines
1.8 KiB
Plaintext
91 lines
1.8 KiB
Plaintext
/* template/newFeatures/newFeatures.wxss */
|
|
.new-function-alert{
|
|
background: rgba(0,0,0,0.4);
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 100000;
|
|
|
|
}
|
|
.new-function-alert .box{
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: calc(100vw - 40rpx);
|
|
/* max-height: 0; */
|
|
transform: translate(-50%,-50%);
|
|
/* animation: to_big 0.5s 0.5s forwards; */
|
|
/* overflow: hidden; */
|
|
}
|
|
@keyframes to_big{
|
|
0%{
|
|
width: 0;
|
|
max-height: 0;
|
|
}
|
|
100%{
|
|
width: calc(100vw - 40rpx);
|
|
max-height: 90vh;
|
|
}
|
|
}
|
|
.new-function-alert .header-box{
|
|
background: #e8e8e8;
|
|
border-radius: 5px 5px 0 0;
|
|
|
|
}
|
|
.new-function-alert .loudspeaker{
|
|
background: #62B1FE;
|
|
border:16rpx solid #e8e8e8;
|
|
border-radius: 50%;
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
position: relative;
|
|
left:calc(50% - 60rpx);
|
|
top: -50rpx;
|
|
}
|
|
.new-function-alert .loudspeaker image{
|
|
width: 66rpx;
|
|
height: 53.5rpx;
|
|
position: absolute;
|
|
left: 11rpx;
|
|
top: 17rpx;
|
|
}
|
|
.new-function-alert .inner{
|
|
border-radius: 0 0 5px 5px;
|
|
background: #fff;
|
|
padding: 40rpx;
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
line-height: 40rpx;
|
|
|
|
}
|
|
.new-function-alert .inner .notoverflow{
|
|
max-height: calc(90vh - 376rpx);
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
.new-function-alert .inner .tips{
|
|
margin-bottom: 60rpx;
|
|
}
|
|
.new-function-alert .inner view{
|
|
min-height: 40rpx;
|
|
word-break: break-word;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
.new-function-alert .inner .know{
|
|
border:1px solid #ccc;
|
|
color: #999;
|
|
font-size: 28rpx;
|
|
width: 200rpx;
|
|
height: 66rpx;
|
|
line-height: 62rpx;
|
|
border-radius:60rpx;
|
|
margin: 80rpx auto 0;
|
|
text-align: center;
|
|
}
|
|
.new-function-alert .inner navigator{
|
|
color: #C63E3A;
|
|
display: inline-block;
|
|
}
|