Showing
1 changed file
with
118 additions
and
0 deletions
static/sass-bak/home/_fresh-only.scss
0 → 100644
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