snapshootShare.wxss
2.78 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
.snapshoot-container {
position: fixed;
left: 0rpx;
top: 0rpx;
width: 750rpx;
height: 1206rpx;
background-color: rgba(0, 0, 0, 0.5);
flex-direction: column;
z-index: 9999;
}
.snapshoot-container .snapshoot-content {
margin-top: 40rpx;
margin-left: 112rpx;
width: 526rpx;
background-color: white;
flex-direction: column;
padding-bottom: 36rpx;
}
.snapshoot-container .snapshoot-content .snapshoot {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.snapshoot-bottom {
margin-top: 30rpx;
margin-left: 112rpx;
margin-right: 112rpx;
height: 88rpx;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.snapshoot-container .snapshoot-cancel {
width: 252rpx;
height: 88rpx;
background-color: white;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.snapshoot-container .snapshoot-save {
margin-left: 22rpx;
width: 250rpx;
height: 88rpx;
background-color: #002B47;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.save-text {
font-family: PingFang-SC-Regular;
font-size: 32rpx;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
}
.cancel-text {
font-family: PingFang-SC-Regular;
font-size: 32rpx;
color: #000000;
letter-spacing: 0;
}
.snapshoot-tips {
margin-top: 16rpx;
font-size: 16rpx;
color: #444444;
}
.user-header {
margin-left: 42rpx;
margin-top: 56rpx;
display: flex;
align-items: center;
}
.user-header .user-portrait {
width: 70rpx;
height: 70rpx;
border-radius: 35rpx;
}
.user-header .user-info {
margin-left: 21rpx;
display: flex;
flex-direction: column;
}
.user-header .user-info .user-name {
font-family: SFProText-Medium;
font-size: 28rpx;
color: #000000;
letter-spacing: 0;
}
.user-header .user-info .tips {
margin-top: 6rpx;
font-family: PingFang-SC-Regular;
font-size: 17rpx;
color: #000000;
letter-spacing: 0;
}
.snapshoot-productinfo {
margin-top: 35rpx;
margin-left: 42rpx;
width: 441rpx;
height: 550rpx;
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
border: 1rpx solid #EEEEEE;
}
.product-defaultImage {
width: 100%;
height: 441rpx;
}
.snapshoot-productinfo .product-name {
margin-left: 40rpx;
margin-right: 40rpx;
color: #000000;
text-align: center;
font-size: 28rpx;
font-family: DINAlternate-Bold;
}
.product-miniqr-new {
display: flex;
flex-direction: column;
align-items: center;
}
.product-miniqr-new .product-qrcode {
margin-top: 28rpx;
width: 98rpx;
height: 98rpx;
}
.product-tips-text-new {
margin-top: 14rpx;
font-family: PingFang-SC-Regular;
font-size: 17rpx;
color: #999999;
letter-spacing: 0;
text-align: center;
}