Commit 1455460b8b13ef7583d275695d6d0ece7ce649a7
1 parent
42402a6e
Add new template in seven piece.
Showing
4 changed files
with
148 additions
and
0 deletions
css/common.css
... | ... | @@ -1338,6 +1338,34 @@ Pagination Styles |
1338 | 1338 | position: relative; |
1339 | 1339 | top: 5px; |
1340 | 1340 | } |
1341 | +.bigcheer { | |
1342 | + background: #dcdcdc; | |
1343 | +} | |
1344 | +.bigcheer .redrow { | |
1345 | + background-color: #fff1d6; | |
1346 | +} | |
1347 | +.bigcheer .redrow .rtitle > span { | |
1348 | + color: #424242; | |
1349 | +} | |
1350 | +.bigcheer .redline .icon_link, | |
1351 | +.bigcheer .redrow .icon_link { | |
1352 | + background-image: url(../images/src/wap/bigcheer.png); | |
1353 | +} | |
1354 | +.bigcheer .redrow .linkword { | |
1355 | + background: none; | |
1356 | +} | |
1357 | +.bigcheer .redrow .rbox { | |
1358 | + background: none; | |
1359 | +} | |
1360 | +.bigcheer .redrow .rbox .rprice { | |
1361 | + margin-top: 10px; | |
1362 | + font-weight: bold; | |
1363 | + font-family: SimHei; | |
1364 | +} | |
1365 | +.bigcheer .redline .rprice > .rrt { | |
1366 | + background: none; | |
1367 | + color: #d50902; | |
1368 | +} | |
1341 | 1369 | @media screen and (max-device-width: 340px) { |
1342 | 1370 | .redtheme .redline .rprice { |
1343 | 1371 | font-size: 12px; | ... | ... |
css/common.less
... | ... | @@ -197,6 +197,34 @@ |
197 | 197 | } |
198 | 198 | } |
199 | 199 | } |
200 | +.bigcheer { | |
201 | + background: #dcdcdc; | |
202 | + .redrow { | |
203 | + background-color: #fff1d6; | |
204 | + } | |
205 | + .redrow .rtitle > span { | |
206 | + color: #424242; | |
207 | + } | |
208 | + .redline .icon_link, | |
209 | + .redrow .icon_link { | |
210 | + background-image: url(../images/src/wap/bigcheer.png); | |
211 | + } | |
212 | + .redrow .linkword { | |
213 | + background: none; | |
214 | + } | |
215 | + .redrow .rbox { | |
216 | + background: none; | |
217 | + .rprice { | |
218 | + margin-top: 10px; | |
219 | + font-weight: bold; | |
220 | + font-family: SimHei; | |
221 | + } | |
222 | + } | |
223 | + .redline .rprice > .rrt { | |
224 | + background: none; | |
225 | + color: #d50902; | |
226 | + } | |
227 | +} | |
200 | 228 | |
201 | 229 | @media screen and (max-device-width: 340px) { |
202 | 230 | .redtheme .redline .rprice { | ... | ... |
html/index.html
... | ... | @@ -20,6 +20,98 @@ |
20 | 20 | </div> |
21 | 21 | </header> |
22 | 22 | |
23 | + <div class="redtheme bigcheer"> | |
24 | + <ul> | |
25 | + <li class="redrow"> | |
26 | + <a href="#"> | |
27 | + <div class="spec2"> | |
28 | + <img src="../temp/fnow.png" alt="" /> | |
29 | + </div> | |
30 | + <div class="spec2 rbox"> | |
31 | + <p class="rtitle"> | |
32 | + <span> | |
33 | + 精品水果里和 | |
34 | + 精品水果里和 | |
35 | + 精品水果里和 | |
36 | + </span> | |
37 | + </p> | |
38 | + <p class="rprice"> | |
39 | + <span>¥</span><span class="big">2000</span><span>.00</span> | |
40 | + </p> | |
41 | + <p class="linkword"> | |
42 | + <i class="icon_link"></i> | |
43 | + </p> | |
44 | + </div> | |
45 | + </a> | |
46 | + </li> | |
47 | + <li class="redrow"> | |
48 | + <a href="#"> | |
49 | + <div class="spec2"> | |
50 | + <img src="../temp/fnow.png" alt="" /> | |
51 | + </div> | |
52 | + <div class="spec2 rbox"> | |
53 | + <p class="rtitle"> | |
54 | + <span> | |
55 | + 精品水果里和 | |
56 | + 精品水果里和 | |
57 | + 精品水果里和 | |
58 | + </span> | |
59 | + </p> | |
60 | + <p class="rprice"> | |
61 | + <span>¥</span><span class="big">2000</span><span>.00</span> | |
62 | + </p> | |
63 | + <p class="linkword"> | |
64 | + <i class="icon_link"></i> | |
65 | + </p> | |
66 | + </div> | |
67 | + </a> | |
68 | + </li> | |
69 | + <li class="redline"> | |
70 | + <div class="spec2"> | |
71 | + <div class="lineimg"> | |
72 | + <div class="innerimg"> | |
73 | + <img src="../temp/fnow.png" alt="" /> | |
74 | + </div> | |
75 | + <p class="rtitle"> | |
76 | + <span> | |
77 | + 精品水果里和 | |
78 | + 精品水果里和 | |
79 | + 精品水果里和 | |
80 | + </span> | |
81 | + </p> | |
82 | + <p class="rprice"> | |
83 | + <span class="rrt">特供价</span> | |
84 | + <span>¥</span><span class="big">2000</span><span>.00</span> | |
85 | + </p> | |
86 | + <p class="linkword"> | |
87 | + <i class="icon_link"></i> | |
88 | + </p> | |
89 | + </div> | |
90 | + </div> | |
91 | + <div class="spec2"> | |
92 | + <div class="lineimg"> | |
93 | + <div class="innerimg"> | |
94 | + <img src="../temp/fnow.png" alt="" /> | |
95 | + </div> | |
96 | + <p class="rtitle"> | |
97 | + <span> | |
98 | + 精品水果里和 | |
99 | + 精品水果里和 | |
100 | + 精品水果里和 | |
101 | + </span> | |
102 | + </p> | |
103 | + <p class="rprice"> | |
104 | + <span>¥</span><span class="big">2000</span><span>.00</span> | |
105 | + </p> | |
106 | + <p class="linkword"> | |
107 | + <i class="icon_link"></i> | |
108 | + </p> | |
109 | + </div> | |
110 | + </div> | |
111 | + </li> | |
112 | + </ul> | |
113 | + </div> | |
114 | + | |
23 | 115 | <div class="redtheme"> |
24 | 116 | <ul> |
25 | 117 | <li class="redrow"> | ... | ... |
images/src/wap/bigcheer.png
0 → 100644
4.54 KB