Showing
1 changed file
with
0 additions
and
118 deletions
1 | -.fresh-swiper { | ||
2 | - position: relative; | ||
3 | - height: 200rem / $pxConvertRem; | ||
4 | - overflow: hidden; | ||
5 | - ul { | ||
6 | - li { | ||
7 | - float: left; | ||
8 | - width: 100%; | ||
9 | - a, img { | ||
10 | - display: block; | ||
11 | - width: 100%; | ||
12 | - height: 100%; | ||
13 | - } | ||
14 | - } | ||
15 | - } | ||
16 | - .swiper-pagination { | ||
17 | - position: absolute; | ||
18 | - left: 0; | ||
19 | - right: 0; | ||
20 | - bottom: 20rem / $pxConvertRem; | ||
21 | - text-align: center; | ||
22 | - .pagination-inner { | ||
23 | - display: inline-block; | ||
24 | - span { | ||
25 | - display: inline-block; | ||
26 | - width: 14rem / $pxConvertRem; | ||
27 | - height: 14rem / $pxConvertRem; | ||
28 | - background: #fff; | ||
29 | - opacity: 0.5; | ||
30 | - margin: 0 (9rem / $pxConvertRem); | ||
31 | - border-radius: 50%; | ||
32 | - } | ||
33 | - span.swiper-active-switch { | ||
34 | - opacity: 1; | ||
35 | - } | ||
36 | - } | ||
37 | - } | ||
38 | -} | ||
39 | - | ||
40 | -.fresh-list-swiper { | ||
41 | - overflow: hidden; | ||
42 | - padding-bottom: 15rem / $pxConvertRem; | ||
43 | - background-color: #fff; | ||
44 | - | ||
45 | - ul { | ||
46 | - box-sizing: border-box; | ||
47 | - } | ||
48 | - | ||
49 | - li { | ||
50 | - float:left; | ||
51 | - width:240rem / $pxConvertRem; | ||
52 | - margin: (20rem / $pxConvertRem) (10rem / $pxConvertRem) 0 (10rem / $pxConvertRem); | ||
53 | - | ||
54 | - &:first-child { | ||
55 | - margin-left: 20rem / $pxConvertRem; | ||
56 | - } | ||
57 | - | ||
58 | - &:last-child { | ||
59 | - margin-right: 20rem / $pxConvertRem; | ||
60 | - } | ||
61 | - | ||
62 | - .img-box { | ||
63 | - height: 100%; | ||
64 | - height:320rem / $pxConvertRem; | ||
65 | - text-align: center; | ||
66 | - position: relative; | ||
67 | - img { | ||
68 | - width: 100%; | ||
69 | - height: 100%; | ||
70 | - vertical-align: middle; | ||
71 | - } | ||
72 | - } | ||
73 | - | ||
74 | - .fresh-info { | ||
75 | - .fresh-name a{ | ||
76 | - display:block; | ||
77 | - overflow: hidden; | ||
78 | - text-overflow: ellipsis; | ||
79 | - width: 100%; | ||
80 | - white-space: nowrap; | ||
81 | - color: #444; | ||
82 | - line-height: 48rem / $pxConvertRem; | ||
83 | - font-size: 22rem / $pxConvertRem; | ||
84 | - | ||
85 | - } | ||
86 | - | ||
87 | - .cur-price { | ||
88 | - color: #d62927; | ||
89 | - font-size: 22rem / $pxConvertRem; | ||
90 | - } | ||
91 | - | ||
92 | - .old-price { | ||
93 | - margin: 0 0 0 (10rem / $pxConvertRem); | ||
94 | - color: #b0b0b0; | ||
95 | - text-decoration: line-through; | ||
96 | - font-size: 22rem / $pxConvertRem; | ||
97 | - } | ||
98 | - | ||
99 | - .fresh-icon { | ||
100 | - background: #d62927; | ||
101 | - width: 100rem / $pxConvertRem; | ||
102 | - height: 33rem / $pxConvertRem; | ||
103 | - display: block; | ||
104 | - margin: (8rem / $pxConvertRem) auto 0 auto; | ||
105 | - color: #fff; | ||
106 | - text-align: center; | ||
107 | - border-radius: 40rem / $pxConvertRem; | ||
108 | - line-height: 37rem / $pxConvertRem; | ||
109 | - font-size:12rem / $pxConvertRem; | ||
110 | - } | ||
111 | - } | ||
112 | - } | ||
113 | -} | ||
114 | - | ||
115 | -.fresh-list{ | ||
116 | - position: relative; | ||
117 | - padding:(15rem / $pxConvertRem) 0 0 (15rem / $pxConvertRem); | ||
118 | -} |
-
Please register or login to post a comment