75 lines
1.2 KiB
Plaintext
75 lines
1.2 KiB
Plaintext
.share-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.share-back {
|
|
background: rgba(0,0,0,.6);
|
|
height: 100%;
|
|
top: 0;
|
|
z-index: 888;
|
|
}
|
|
|
|
.share-back,.share-container {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.share-container {
|
|
background: #fff;
|
|
z-index: 999;
|
|
}
|
|
|
|
.close {
|
|
height: 30rpx;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 64rpx;
|
|
top: 64rpx;
|
|
width: 30rpx;
|
|
}
|
|
|
|
.close::after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.close::before {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.close::after,.close::before {
|
|
background: #9c9c9c;
|
|
content: "";
|
|
height: 3rpx;
|
|
left: 0;
|
|
margin-top: -2rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 100%;
|
|
}
|
|
|
|
.share-image {
|
|
border-radius: 16rpx;
|
|
box-shadow: 0 4rpx 8px 0 rgba(0,0,0,.1);
|
|
display: block;
|
|
margin: 66rpx auto 0;
|
|
width: 420rpx;
|
|
}
|
|
|
|
.share-tips {
|
|
color: #3c3c3c;
|
|
font-size: 28rpx;
|
|
margin: 32rpx 0;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.save-btn {
|
|
background: url("https://qiniu-image.qtshe.com/20190506save-btn.png") 50%;
|
|
background-size: 100% 100%;
|
|
height: 96rpx;
|
|
margin: 0 auto 94rpx;
|
|
width: 336rpx;
|
|
} |