Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
dfb049f0 by simon
Options

定义字号边距

1 parent 3ef94794
Inline Side-by-side
Showing 3 changed files with 15 additions and 86 deletions
...@@ -68,6 +68,10 @@ html { ...@@ -68,6 +68,10 @@ html {
68 box-sizing: border-box; 68 box-sizing: border-box;
69 } 69 }
70 70
71 body{
72 font-size: 14px;
73 }
74
71 html, 75 html,
72 body { 76 body {
73 -webkit-text-size-adjust: none; 77 -webkit-text-size-adjust: none;
...@@ -255,22 +259,18 @@ input::-webkit-search-cancel-button { ...@@ -255,22 +259,18 @@ input::-webkit-search-cancel-button {
255 // } 259 // }
256 260
257 ::-webkit-input-placeholder { 261 ::-webkit-input-placeholder {
258 /* WebKit, Blink, Edge */
259 color: $cGray; 262 color: $cGray;
260 opacity: 1; 263 opacity: 1;
261 } 264 }
262 :-moz-placeholder { 265 :-moz-placeholder {
263 /* Mozilla Firefox 4 to 18 */
264 color: $cGray; 266 color: $cGray;
265 opacity: 1; 267 opacity: 1;
266 } 268 }
267 ::-moz-placeholder { 269 ::-moz-placeholder {
268 /* Mozilla Firefox 19+ */
269 color: $cGray; 270 color: $cGray;
270 opacity: 1; 271 opacity: 1;
271 } 272 }
272 :-ms-input-placeholder { 273 :-ms-input-placeholder {
273 /* Internet Explorer 10-11 */
274 color: $cGray; 274 color: $cGray;
275 opacity: 1; 275 opacity: 1;
276 } 276 }
...@@ -348,58 +348,6 @@ textarea { ...@@ -348,58 +348,6 @@ textarea {
348 border: 1px solid $cOrange ; 348 border: 1px solid $cOrange ;
349 } 349 }
350 350
351 .app__width {
352 width: 750px;
353 }
354
355 .app__width {
356 width: 750px;
357 }
358
359 .app__inner {
360 margin: 20px;
361 }
362
363 .app__title {
364 font-size: $fontSize;
365 line-height: $fontSize + 4px;
366 font-weight: bold;
367 padding-bottom: 10px;
368 margin-bottom: 20px;
369 border-bottom: 0.5px solid #eeeeee;
370 }
371
372 .app__desc {
373 font-size: $fontSizeSmaller;
374 line-height: $fontSizeSmaller + 2px;
375 margin-bottom: 20px;
376 color: $colorGray;
377 }
378
379 .app__bgc {
380 position: fixed;
381 background-color: #ffffff;
382 width: 100%;
383 height: 100%;
384 }
385
386 .app__bg {
387 position: absolute;
388 width: 100%;
389 height: 100%;
390 }
391
392 .app__top-shadow {
393 position: fixed;
394 width: 750px;
395 height: 1px;
396 box-shadow: 0px 4px 0.9px 0.1px rgba(6, 0, 1, 0.07);
397 background-color: #ffffff;
398 }
399
400 .app__content {
401 position: relative;
402 }
403 351
404 .swiper-pagination-bullet { 352 .swiper-pagination-bullet {
405 width: 1rem !important; 353 width: 1rem !important;
......
...@@ -11,8 +11,6 @@ ...@@ -11,8 +11,6 @@
11 </div> 11 </div>
12 <div class="nav-item search"> 12 <div class="nav-item search">
13 </div> 13 </div>
14 <div class="nav-item submit">
15 </div>
16 <div class="nav-item auth"> 14 <div class="nav-item auth">
17 <v-dropdown class="lang" :type="'login'" :data-obj="loginData" :data-list="loginData.list"></v-dropdown> 15 <v-dropdown class="lang" :type="'login'" :data-obj="loginData" :data-list="loginData.list"></v-dropdown>
18 <v-dropdown class="lang" :type="'lang'" :data-obj="langData" :data-list="langData.list"></v-dropdown> 16 <v-dropdown class="lang" :type="'lang'" :data-obj="langData" :data-list="langData.list"></v-dropdown>
......
...@@ -7,39 +7,22 @@ ...@@ -7,39 +7,22 @@
7 */ 7 */
8 8
9 // Margin 9 // Margin
10 $marginTopSmaller: 20px; 10 $marginSmall: 10px; // 小间距
11 $marginTopSmall: 30px; 11 $marginMedium: 28px; // 间距
12 $marginTopMedium: 40px; 12 // $marginLarge: 28px;
13 $marginTopLarge: 60px;
14 $marginTopLarger: 80px;
15 13
16 // Padding 14 // Padding
17 $paddingTopSmaller: 20px; 15 $paddingSmall: 10px;
18 $paddingTopSmall: 30px; 16 $paddingMedium: 28px;
19 $paddingTopMedium: 40px; 17 // $paddingLarge: 28px;
20 $paddingTopLarge: 60px;
21 $paddingTopLarger: 80px;
22
23 // Color
24 $colorBlue: #20A0FF;
25 $colorGreen: #13CE66;
26 $colorGray: #475669;
27 $colorBlack: #000;
28 $colorRed: #FF4949;
29 $colorYellow: #F7BA2A;
30 $color: #787878;
31 $colorLink: #1D8CE0;
32
33 $backGroundColor: #fff;
34 18
35 // Font 19 // Font
36 $fontSize: 32px; 20 $fontSizeTitle:16px;
37 $fontSizeSmall: 28px; 21 $fontSize:14px;
38 $fontSizeSmaller: 24px; 22 $fontSizeSmall:12px;
39 $fontSizeLarge: 36px;
40 $fontSizeLarger: 44px;
41
42 23
24 // Color
25 $colorGray: #475669;
43 $cOrange:#f05a23; 26 $cOrange:#f05a23;
44 $cGreen:#006441; 27 $cGreen:#006441;
45 $cGray:#bfbfbf; 28 $cGray:#bfbfbf;
......