ui 特殊字体修改 review by tao.huang
Showing
8 changed files
with
25 additions
and
6 deletions
@@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
8 | <p class='assets-record-code-txt'>{{data.goodsName}}</p> | 8 | <p class='assets-record-code-txt'>{{data.goodsName}}</p> |
9 | <p class='assets-record-time-txt'>{{data.time}}</p> | 9 | <p class='assets-record-time-txt'>{{data.time}}</p> |
10 | </div> | 10 | </div> |
11 | - | 11 | + |
12 | <div class='assets-record-right-view'> | 12 | <div class='assets-record-right-view'> |
13 | <p class='assets-record-income-txt'>{{data.tradeType === 5 ? '-': '+'}}{{data.amount}}</p> | 13 | <p class='assets-record-income-txt'>{{data.tradeType === 5 ? '-': '+'}}{{data.amount}}</p> |
14 | </div> | 14 | </div> |
@@ -36,13 +36,14 @@ export default { | @@ -36,13 +36,14 @@ export default { | ||
36 | }, | 36 | }, |
37 | data() { | 37 | data() { |
38 | return { | 38 | return { |
39 | - | 39 | + |
40 | }; | 40 | }; |
41 | }, | 41 | }, |
42 | }; | 42 | }; |
43 | </script> | 43 | </script> |
44 | 44 | ||
45 | <style lang="scss" scoped> | 45 | <style lang="scss" scoped> |
46 | +@import "../../../../statics/scss/variable"; | ||
46 | .assets-record-container { | 47 | .assets-record-container { |
47 | display: flex; | 48 | display: flex; |
48 | margin: 0 40px; | 49 | margin: 0 40px; |
@@ -93,10 +94,10 @@ export default { | @@ -93,10 +94,10 @@ export default { | ||
93 | margin-top: 12px; | 94 | margin-top: 12px; |
94 | } | 95 | } |
95 | .assets-record-income-txt { | 96 | .assets-record-income-txt { |
96 | - font-family: SFProText-Medium; | ||
97 | font-weight: bold; | 97 | font-weight: bold; |
98 | font-size: 28px; | 98 | font-size: 28px; |
99 | color: black; | 99 | color: black; |
100 | + @include num | ||
100 | } | 101 | } |
101 | .assets-record-income-tip-txt { | 102 | .assets-record-income-tip-txt { |
102 | font-family: PingFang-SC-Regular; | 103 | font-family: PingFang-SC-Regular; |
@@ -43,6 +43,8 @@ export default { | @@ -43,6 +43,8 @@ export default { | ||
43 | </script> | 43 | </script> |
44 | 44 | ||
45 | <style lang="scss" scoped> | 45 | <style lang="scss" scoped> |
46 | +@import "../../../../statics/scss/variable"; | ||
47 | + | ||
46 | .orders { | 48 | .orders { |
47 | display: flex; | 49 | display: flex; |
48 | height: 100px; | 50 | height: 100px; |
@@ -70,9 +72,9 @@ export default { | @@ -70,9 +72,9 @@ export default { | ||
70 | } | 72 | } |
71 | 73 | ||
72 | .order-num { | 74 | .order-num { |
73 | - font-family: "Alte DIN 1451 Mittelschrift"; | ||
74 | font-size: 32px; | 75 | font-size: 32px; |
75 | text-align: center; | 76 | text-align: center; |
77 | + @include num | ||
76 | } | 78 | } |
77 | 79 | ||
78 | .order-text { | 80 | .order-text { |
@@ -87,6 +87,8 @@ export default { | @@ -87,6 +87,8 @@ export default { | ||
87 | </script> | 87 | </script> |
88 | 88 | ||
89 | <style lang="scss" scoped> | 89 | <style lang="scss" scoped> |
90 | +@import "../../../../statics/scss/variable"; | ||
91 | + | ||
90 | .tab-item { | 92 | .tab-item { |
91 | display: flex; | 93 | display: flex; |
92 | height: 120px; | 94 | height: 120px; |
@@ -125,10 +127,10 @@ export default { | @@ -125,10 +127,10 @@ export default { | ||
125 | } | 127 | } |
126 | 128 | ||
127 | .text { | 129 | .text { |
128 | - font-family: "Alte DIN 1451 Mittelschrift"; | ||
129 | color: black; | 130 | color: black; |
130 | text-align: right; | 131 | text-align: right; |
131 | font-size: 32px; | 132 | font-size: 32px; |
133 | + @include num | ||
132 | } | 134 | } |
133 | 135 | ||
134 | .cubeic-arrow { | 136 | .cubeic-arrow { |
@@ -39,6 +39,7 @@ export default { | @@ -39,6 +39,7 @@ export default { | ||
39 | </script> | 39 | </script> |
40 | 40 | ||
41 | <style lang="scss" scoped> | 41 | <style lang="scss" scoped> |
42 | +@import "../../../../statics/scss/variable"; | ||
42 | .income-header-wrapper { | 43 | .income-header-wrapper { |
43 | position: relative; | 44 | position: relative; |
44 | } | 45 | } |
@@ -50,6 +51,7 @@ export default { | @@ -50,6 +51,7 @@ export default { | ||
50 | font-size: 40px; | 51 | font-size: 40px; |
51 | font-weight: bold; | 52 | font-weight: bold; |
52 | margin-bottom: 44px; | 53 | margin-bottom: 44px; |
54 | + @include num | ||
53 | } | 55 | } |
54 | .income { | 56 | .income { |
55 | margin-bottom: 20px; | 57 | margin-bottom: 20px; |
@@ -36,6 +36,8 @@ export default { | @@ -36,6 +36,8 @@ export default { | ||
36 | </script> | 36 | </script> |
37 | 37 | ||
38 | <style lang="scss" scoped> | 38 | <style lang="scss" scoped> |
39 | +@import "../../../../statics/scss/variable"; | ||
40 | + | ||
39 | .price-item { | 41 | .price-item { |
40 | display: flex; | 42 | display: flex; |
41 | font-size: 28px; | 43 | font-size: 28px; |
@@ -50,5 +52,6 @@ export default { | @@ -50,5 +52,6 @@ export default { | ||
50 | font-size: 36px; | 52 | font-size: 36px; |
51 | color: #d0021b; | 53 | color: #d0021b; |
52 | font-weight: bold; | 54 | font-weight: bold; |
55 | + @include num | ||
53 | } | 56 | } |
54 | </style> | 57 | </style> |
@@ -25,6 +25,8 @@ export default { | @@ -25,6 +25,8 @@ export default { | ||
25 | </script> | 25 | </script> |
26 | 26 | ||
27 | <style lang="scss" scoped> | 27 | <style lang="scss" scoped> |
28 | +@import "../../../../statics/scss/variable"; | ||
29 | + | ||
28 | .product-wrapper { | 30 | .product-wrapper { |
29 | height: 180px; | 31 | height: 180px; |
30 | } | 32 | } |
@@ -60,6 +62,7 @@ export default { | @@ -60,6 +62,7 @@ export default { | ||
60 | font-size: 28px; | 62 | font-size: 28px; |
61 | margin-bottom: 12px; | 63 | margin-bottom: 12px; |
62 | font-weight: bold; | 64 | font-weight: bold; |
65 | + @include num | ||
63 | } | 66 | } |
64 | 67 | ||
65 | </style> | 68 | </style> |
@@ -67,6 +67,8 @@ export default { | @@ -67,6 +67,8 @@ export default { | ||
67 | </script> | 67 | </script> |
68 | 68 | ||
69 | <style lang="scss" scoped> | 69 | <style lang="scss" scoped> |
70 | +@import "../../../statics/scss/variable"; | ||
71 | + | ||
70 | .count-down-wrapper { | 72 | .count-down-wrapper { |
71 | display: flex; | 73 | display: flex; |
72 | font-size: 32px; | 74 | font-size: 32px; |
@@ -84,6 +86,7 @@ export default { | @@ -84,6 +86,7 @@ export default { | ||
84 | 86 | ||
85 | & > span { | 87 | & > span { |
86 | padding: 0 9px; | 88 | padding: 0 9px; |
89 | + @include num | ||
87 | } | 90 | } |
88 | } | 91 | } |
89 | -</style> | ||
92 | +</style> |
@@ -221,6 +221,7 @@ export default { | @@ -221,6 +221,7 @@ export default { | ||
221 | 221 | ||
222 | <style lang="scss" scoped> | 222 | <style lang="scss" scoped> |
223 | @import "../product-detail"; | 223 | @import "../product-detail"; |
224 | + @import "../../../statics/scss/variable"; | ||
224 | 225 | ||
225 | .title { | 226 | .title { |
226 | font-size: 40px; | 227 | font-size: 40px; |
@@ -260,6 +261,7 @@ export default { | @@ -260,6 +261,7 @@ export default { | ||
260 | padding-top: 30px; | 261 | padding-top: 30px; |
261 | font-size: 32px; | 262 | font-size: 32px; |
262 | color: #000; | 263 | color: #000; |
264 | + @include num | ||
263 | } | 265 | } |
264 | } | 266 | } |
265 | } | 267 | } |
@@ -358,6 +360,7 @@ export default { | @@ -358,6 +360,7 @@ export default { | ||
358 | i { | 360 | i { |
359 | font-size: 20px; | 361 | font-size: 20px; |
360 | font-style: normal; | 362 | font-style: normal; |
363 | + @include num | ||
361 | } | 364 | } |
362 | } | 365 | } |
363 | } | 366 | } |
-
Please register or login to post a comment