Showing
2 changed files
with
121 additions
and
0 deletions
static/sass/product/_limit.css
0 → 100644
1 | +.limit-good-page { | ||
2 | + background-color: #f4f4f4; | ||
3 | + color: #444; | ||
4 | + | ||
5 | + .top { | ||
6 | + font-size: 0.6rem; | ||
7 | + height: 2rem; | ||
8 | + line-height: 2.2rem; | ||
9 | + margin-bottom: 0.1rem; | ||
10 | + background-color: #fff; | ||
11 | + padding: 0.2rem 0; | ||
12 | + | ||
13 | + | ||
14 | + div { | ||
15 | + width: 20%; | ||
16 | + display: inline-block; | ||
17 | + float: left; | ||
18 | + img { | ||
19 | + width: 1.5rem; | ||
20 | + border: 1px solid #ccc; | ||
21 | + border-radius: 100%; | ||
22 | + position: relative; | ||
23 | + top: 0.25rem; | ||
24 | + } | ||
25 | + } | ||
26 | + | ||
27 | + p { | ||
28 | + display: inline-block; | ||
29 | + float: left; | ||
30 | + width: 80%; | ||
31 | + } | ||
32 | + } | ||
33 | + | ||
34 | + .detail { | ||
35 | + background-color: #fff; | ||
36 | + padding: 0.6rem 0.8rem; | ||
37 | + border-bottom: 1px solid #e6e6e6; | ||
38 | + | ||
39 | + .name { | ||
40 | + font-size: 0.9rem; | ||
41 | + margin-bottom: 0.5rem; | ||
42 | + } | ||
43 | + .sale-info { | ||
44 | + height: 1rem; | ||
45 | + line-height: 1rem; | ||
46 | + } | ||
47 | + .price { | ||
48 | + font-size: 0.8rem; | ||
49 | + color: #d0021b; | ||
50 | + float: left; | ||
51 | + } | ||
52 | + | ||
53 | + .date { | ||
54 | + font-size: 0.6rem; | ||
55 | + float: right; | ||
56 | + | ||
57 | + .text { | ||
58 | + position: relative; | ||
59 | + top: 0.08rem; | ||
60 | + } | ||
61 | + } | ||
62 | + } | ||
63 | + | ||
64 | + .goodDesc { | ||
65 | + margin-top: 1rem; | ||
66 | + } | ||
67 | + | ||
68 | + .bottom { | ||
69 | + background-color: #fff; | ||
70 | + border-top: 1px solid #e6e6e6; | ||
71 | + padding: 0.5rem 2rem 2rem 2rem; | ||
72 | + height: 3rem; | ||
73 | + position: absolute; | ||
74 | + bottom: 0; | ||
75 | + width: 12rem; | ||
76 | + margin: 0 auto; | ||
77 | + | ||
78 | + .logo { | ||
79 | + width: 100; | ||
80 | + height: 2.5rem; | ||
81 | + | ||
82 | + background-image: resolve('logo-bottom.png'); | ||
83 | + background-size: 100%; | ||
84 | + background-repeat: no-repeat; | ||
85 | + background-position: center; | ||
86 | + } | ||
87 | + | ||
88 | + .btn { | ||
89 | + font-size: 0.8rem; | ||
90 | + background-color: #fff; | ||
91 | + border: 1px solid #444; | ||
92 | + border-radius: 0.2rem; | ||
93 | + padding: 0.3rem 0.6rem; | ||
94 | + } | ||
95 | + | ||
96 | + .btn:active { | ||
97 | + background-color: #ccc; | ||
98 | + } | ||
99 | + | ||
100 | + .left, .right { | ||
101 | + display: inline-block; | ||
102 | + float: left; | ||
103 | + } | ||
104 | + | ||
105 | + .left { | ||
106 | + width: 39%; | ||
107 | + } | ||
108 | + | ||
109 | + .right { | ||
110 | + width: 60%; | ||
111 | + font-size: 0.65rem; | ||
112 | + | ||
113 | + span { | ||
114 | + display: block; | ||
115 | + width: 95%; | ||
116 | + margin: 0 auto; | ||
117 | + } | ||
118 | + } | ||
119 | + } | ||
120 | +} |
-
Please register or login to post a comment