index.wxss
2.01 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10010;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;transform:translate3d(0,50%,0);transform-origin:center;transition:all .2s ease;z-index:10011;opacity:0;visibility:hidden}.zan-actionsheet__btn.zan-btn{height:54px;line-height:54px;margin-bottom:0;}.zan-actionsheet__btn.zan-btn::after{border-width:0;border-bottom-width:1px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px;color:#666}.zan-actionsheet__footer{margin-top:0px}.zan-actionsheet__btn.zan-btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}
.share_new_container{
padding-left: 70rpx;
padding-right: 70rpx;
display: flex;
flex-direction: column;
background-color: white;
align-items: center
}
.share_union_soruce_img_container{
margin-top: 50rpx;
width: 100%;
height: 180rpx;
z-index: 20000;
}
.share_union_soruce_img{
width:100%;
height:100%;
border-radius: 8rpx
}
.share-icon-container{
margin-top: 50rpx;
flex-direction: row;
display: flex;
width:100%;
height: wrap;
text-align: center;
}
.share-icon-text-container{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
z-index: 20000;
}
.share-explain-text{
margin-top: 22rpx;
margin-bottom: 4rpx;
font-size: 24rpx;
font-family: PingFang-SC-Regular;
color: #444444;
}
.share-image-button{
width: 90rpx;
height: 90rpx;
position: relative;
}
.share-btn{
background-color: transparent;
width:120rpx;
height:120rpx;
top:-100rpx;
left: -18rpx;
/* border: 1rpx solid yellowgreen */
}
.divide-line{
width:646rpx;
height:1rpx;
background-color:#cccccc;
margin-top:40rpx
}
.share-btn::after{border: none}