app.scss
5.8 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
/**
* ------------------------------------------------------------------
* app.scss 入口文件
*
* ------------------------------------------------------------------
*
*/
// 支持文件
@import "assets/scss/support";
// 原子类
@import "assets/scss/utils";
// 图标
// @import 'styles/iconfont.wxss';
// 雪碧图
// @lazysprite "filetype";
// .test {
// background-image: url(%ASSETS_IMG%/qr-r.jpg);
// }
$contentWidth:690px;
.app {
height: 100%;
justify-content: space-between;
// text-align: center;
box-sizing: border-box;
font-family: PingFangSC-Regular, -apple-system-font, Helvetica Neue, Helvetica, sans-serif, FZY3JW-GB1-0;
}
.app__width {
width: 750px;
}
.app__width {
width: 750px;
}
.app__inner {
margin: 20px;
}
.app__title {
font-size: $fontSize;
line-height: $fontSize + 4px;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: .5px solid #EEEEEE;
}
.app__desc {
font-size: $fontSizeSmaller;
line-height: $fontSizeSmaller +2px;
margin-bottom: 20px;
color: $colorGray;
}
.app__bgc {
position: fixed;
background-color: #ffffff;
width: 100%;
height: 100%;
}
.app__bg {
position: absolute;
width: 100%;
height: 100%;
}
.app__top-shadow {
position: fixed;
width: 750px;
height: 1px;
box-shadow: 0px 4px 0.9px 0.1px rgba(6, 0, 1, 0.07);
background-color: #ffffff;
}
.app__content {
position: relative;
}
.price {
color: #cb3939;
}
// web font icon
@font-face {
font-family: "iconfont";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconbackicon1:before {
content: "\e937";
}
.iconclose1:before {
content: "\e615";
}
.iconSeckill:before {
content: "\e8cd";
}
.iconrefresh:before {
content: "\e874";
}
.iconhome:before {
content: "\e610";
}
.iconpaimai:before {
content: "\e63b";
}
.iconxinzeng:before {
content: "\e606";
}
.iconempty:before {
content: "\e6a6";
}
.iconwuliu:before {
content: "\e6dc";
}
.iconmiaosha:before {
content: "\e61d";
}
.iconbaseline-close-px:before {
content: "\e600";
}
.iconlight:before {
content: "\e669";
}
.drop-down-item :last-child {
border-bottom: none;
}
.link {
color: $colorBlue;
}
.border {
width: $contentWidth;
@extend .shadow;
background-color: #ffffff;
@extend .bb;
padding: 24px 30px;
margin: 0 auto 20px;
}
.van-popup {
background-color: transparent !important;
}