Commit d22804e0a0fe29f99a5b81ceb41be729db0b0b0a
1 parent
32d69722
新页面添加ZZF
Showing
23 changed files
with
1354 additions
and
10 deletions
2.0/behalfBuy_list.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>代购服务</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/supply.css"> | |
13 | + | |
14 | + | |
15 | + <!-- base seajs --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
17 | + <!-- base jquery --> | |
18 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page" id="supplyList"> | |
22 | + <header class="m-header header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>代购服务</h1> | |
26 | + <i></i> | |
27 | + </div> | |
28 | + </header> | |
29 | + <div class="content"> | |
30 | + <div class="collection-lists supply-list" > | |
31 | + <ul class="m-table-view"> | |
32 | + <li class="cell"> | |
33 | + <a href="#"> | |
34 | + <div class="orso"> | |
35 | + <span class="title">李老几代代购</span> | |
36 | + <i class="right price"></i> | |
37 | + </div> | |
38 | + <div class="text"><label>代购水果:</label><div>山西红富士</div></div> | |
39 | + <div class="text"><label>代购区域:</label><div>山东寿光蔬菜产业园</div></div> | |
40 | + <div class="text"><label>服务简介:</label><div>本人从事专业蔬菜代购二十年,金牌品质值得信奈</div></div> | |
41 | + </a> | |
42 | + </li> | |
43 | + <li class="cell"> | |
44 | + <a href="#"> | |
45 | + <div class="orso"> | |
46 | + <span class="title">李老几代代购</span> | |
47 | + <i class="right price"></i> | |
48 | + </div> | |
49 | + <div class="text"><label>代购水果:</label><div>山西红富士</div></div> | |
50 | + <div class="text"><label>代购区域:</label><div>山东寿光蔬菜产业园</div></div> | |
51 | + <div class="text"><label>服务简介:</label><div>本人从事专业蔬菜代购二十年,金牌品质值得信奈</div></div> | |
52 | + </a> | |
53 | + </li> | |
54 | + <li class="cell"> | |
55 | + <a href="#"> | |
56 | + <div class="orso"> | |
57 | + <span class="title">李老几代代购</span> | |
58 | + <i class="right price"></i> | |
59 | + </div> | |
60 | + <div class="text"><label>代购水果:</label><div>山西红富士</div></div> | |
61 | + <div class="text"><label>代购区域:</label><div>山东寿光蔬菜产业园</div></div> | |
62 | + <div class="text"><label>服务简介:</label><div>本人从事专业蔬菜代购二十年,金牌品质值得信奈</div></div> | |
63 | + </a> | |
64 | + </li> | |
65 | + </ul> | |
66 | + </div> | |
67 | + </div> | |
68 | + </div> | |
69 | +</body> | |
70 | +</html> | |
0 | 71 | \ No newline at end of file | ... | ... |
2.0/behalfBuy_store.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>代购商家</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/store.css"> | |
13 | + | |
14 | + | |
15 | + <!-- base seajs --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
17 | + <!-- base jquery --> | |
18 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page" id="store"> | |
22 | + <header class="m-header header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>代购商家</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <div class="content"> | |
29 | + <div class="store-head"> | |
30 | + <div class="text"> | |
31 | + <div class="img"> | |
32 | + <span>认证</span> | |
33 | + <img src="http://img9.nong12.com/images/i1/e2404487626245f88fffa8dc45358e9f.jpeg" width="60" height="60" /> | |
34 | + </div> | |
35 | + <div class="msg"> | |
36 | + <p class="title">李大姐蔬菜代购</p> | |
37 | + <p>代购品类:水果</p> | |
38 | + <p>代购区域:寿光蔬菜产业园</p> | |
39 | + </div> | |
40 | + </div> | |
41 | + <div class="btns"> | |
42 | + <a href="#"><i></i>收藏店铺</a> | |
43 | + <a href="#"><i></i>联系卖家</a> | |
44 | + </div> | |
45 | + </div> | |
46 | + <div class="store-text"> | |
47 | + <h4>联系方式</h4> | |
48 | + <p>张老师 028-86668666</p> | |
49 | + <p>四川省 成都市 天府广场左侧物质大楼</p> | |
50 | + </div> | |
51 | + <div class="store-text"> | |
52 | + <h4>店铺介绍</h4> | |
53 | + <p>本人从业二十余年,专注于沈阳八家子市场进 | |
54 | + 行苹果的代购,代购后可配送到沈阳三环内, | |
55 | + 手续费1%,有需要的电联。</p> | |
56 | + </div> | |
57 | + </div> | |
58 | + </div> | |
59 | +</body> | |
60 | +</html> | |
0 | 61 | \ No newline at end of file | ... | ... |
2.0/buy_details.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>求购详情</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/goods_details.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | +</head> | |
19 | +<body> | |
20 | + <div class="m-page" id="supplyList"> | |
21 | + <header class="m-header header-light"> | |
22 | + <div class="head"> | |
23 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>求购详情</h1> | |
25 | + </div> | |
26 | + </header> | |
27 | + <div class="content"> | |
28 | + <div class="goods-msg"> | |
29 | + <div class="title"> | |
30 | + <span class="name">菜花 白面青梗松花菜</span> | |
31 | + <span class="time">14小时</span> | |
32 | + </div> | |
33 | + <p>单 价:<label class="price">0.87~0.9元/斤</label></p> | |
34 | + <p>供应商:<label>20吨</label></p> | |
35 | + <p>产 地:<label>河北张家口张北县</label></p> | |
36 | + </div> | |
37 | + <div class="text-msg"> | |
38 | + <p class="title" >供应信息</p> | |
39 | + <p>萝卜,十字花科、萝卜属二年或一年生草本,直根肉质,长圆形、球形或圆锥形,外皮色、白色或红色;茎有分枝,无毛,稍具粉霜。</p> | |
40 | + </div> | |
41 | + <div class="more"> | |
42 | + <p>继续拖动,查看图文详情</p> | |
43 | + </div> | |
44 | + <div class="footer-bar"> | |
45 | + <a href="#" class="collect"><i></i>立即收藏</a> | |
46 | + <a href="#" class="touch"><i></i>联系卖家</a> | |
47 | + </div> | |
48 | + </div> | |
49 | + </div> | |
50 | +</body> | |
51 | +</html> | |
0 | 52 | \ No newline at end of file | ... | ... |
2.0/collect_shop.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>我的收藏</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/collection.css"> | |
13 | + | |
14 | + | |
15 | + <!-- base seajs --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
17 | + <!-- base jquery --> | |
18 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page" id="collection"> | |
22 | + <header class="m-header header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>我的收藏</h1> | |
26 | + <span class="rt-bar text">编辑</span> | |
27 | + </div> | |
28 | + </header> | |
29 | + <div class="content"> | |
30 | + <div class="m-tab"> | |
31 | + <ul class="clearfix"> | |
32 | + <li class="on"><a href="#">供应</a></li> | |
33 | + <li><a href="#">求购</a></li> | |
34 | + <li><a href="#">预售</a></li> | |
35 | + <li><a href="#">商品</a></li> | |
36 | + <li><a href="#">店铺</a></li> | |
37 | + </ul> | |
38 | + </div> | |
39 | + <div class="collection-lists supply-list" > | |
40 | + <ul class="m-table-view"> | |
41 | + <li class="cell"> | |
42 | + <a href="#"> | |
43 | + <div class="orso"> | |
44 | + <span class="title">山东白萝卜</span> | |
45 | + <span class="right price">0.7元/斤</span> | |
46 | + </div> | |
47 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
48 | + <div class="orso"> | |
49 | + <span>河北张家口张北县</span> | |
50 | + <span class="right">2015-03-04</span> | |
51 | + </div> | |
52 | + </a> | |
53 | + </li> | |
54 | + <li class="cell"> | |
55 | + <a href="#"> | |
56 | + <div class="orso"> | |
57 | + <span class="title">山东白萝卜</span> | |
58 | + <span class="right price">0.7元/斤</span> | |
59 | + </div> | |
60 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
61 | + <div class="orso"> | |
62 | + <span>河北张家口张北县</span> | |
63 | + <span class="right">2015-03-04</span> | |
64 | + </div> | |
65 | + </a> | |
66 | + </li> | |
67 | + <li class="cell"> | |
68 | + <a href="#"> | |
69 | + <div class="orso"> | |
70 | + <span class="title">山东白萝卜</span> | |
71 | + <span class="right price">0.7元/斤</span> | |
72 | + </div> | |
73 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
74 | + <div class="orso"> | |
75 | + <span>河北张家口张北县</span> | |
76 | + <span class="right">2015-03-04</span> | |
77 | + </div> | |
78 | + </a> | |
79 | + </li> | |
80 | + </ul> | |
81 | + </div> | |
82 | + <div class="collection-lists supply-list"> | |
83 | + <ul class="m-table-view"> | |
84 | + <li class="cell"> | |
85 | + <a href="#"> | |
86 | + <div class="orso"> | |
87 | + <span class="title">山东白萝卜</span> | |
88 | + </div> | |
89 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
90 | + <div class="orso"> | |
91 | + <span>河北张家口张北县</span> | |
92 | + <span class="right">2015-03-04</span> | |
93 | + </div> | |
94 | + </a> | |
95 | + </li> | |
96 | + <li class="cell"> | |
97 | + <a href="#"> | |
98 | + <div class="orso"> | |
99 | + <span class="title">山东白萝卜</span> | |
100 | + </div> | |
101 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
102 | + <div class="orso"> | |
103 | + <span>河北张家口张北县</span> | |
104 | + <span class="right">2015-03-04</span> | |
105 | + </div> | |
106 | + </a> | |
107 | + </li> | |
108 | + <li class="cell"> | |
109 | + <a href="#"> | |
110 | + <div class="orso"> | |
111 | + <span class="title">山东白萝卜</span> | |
112 | + </div> | |
113 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
114 | + <div class="orso"> | |
115 | + <span>河北张家口张北县</span> | |
116 | + <span class="right">2015-03-04</span> | |
117 | + </div> | |
118 | + </a> | |
119 | + </li> | |
120 | + </ul> | |
121 | + </div> | |
122 | + <div class="collection-lists supply-list"> | |
123 | + <ul class="m-table-view"> | |
124 | + <li class="cell"> | |
125 | + <a href="#"> | |
126 | + <div class="orso"> | |
127 | + <span class="title">山东白萝卜</span> | |
128 | + <span class="right price">7月~9月上市</span> | |
129 | + </div> | |
130 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
131 | + <div class="orso"> | |
132 | + <span>河北张家口张北县</span> | |
133 | + <span class="right">2015-03-04</span> | |
134 | + </div> | |
135 | + </a> | |
136 | + </li> | |
137 | + <li class="cell"> | |
138 | + <a href="#"> | |
139 | + <div class="orso"> | |
140 | + <span class="title">山东白萝卜</span> | |
141 | + <span class="right price">7月~9月上市</span> | |
142 | + </div> | |
143 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
144 | + <div class="orso"> | |
145 | + <span>河北张家口张北县</span> | |
146 | + <span class="right">2015-03-04</span> | |
147 | + </div> | |
148 | + </a> | |
149 | + </li> | |
150 | + <li class="cell"> | |
151 | + <a href="#"> | |
152 | + <div class="orso"> | |
153 | + <span class="title">山东白萝卜</span> | |
154 | + <span class="right price">7月~9月上市</span> | |
155 | + </div> | |
156 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
157 | + <div class="orso"> | |
158 | + <span>河北张家口张北县</span> | |
159 | + <span class="right">2015-03-04</span> | |
160 | + </div> | |
161 | + </a> | |
162 | + </li> | |
163 | + </ul> | |
164 | + </div> | |
165 | + <!--<div class="collection-lists">--> | |
166 | + <!--<ul>--> | |
167 | + <!--<li class="cell cell-extend-pic">--> | |
168 | + <!--<a class="display-block" href="#">--> | |
169 | + <!--<img src="http://img6.nong12.com/images/i3/11efa913a51244749eec9725062fc22f.png" width="80" height="80" alt="" class="pic">--> | |
170 | + <!--<h3 class="title">2310第14商品(96小时)</h3>--> | |
171 | + <!--<p class="btm"><em>¥1.00/斤</em></p>--> | |
172 | + <!--</a>--> | |
173 | + <!--</li>--> | |
174 | + <!--</ul>--> | |
175 | + <!--</div>--> | |
176 | + </div> | |
177 | + </div> | |
178 | +</body> | |
179 | +</html> | |
0 | 180 | \ No newline at end of file | ... | ... |
2.0/presell_details.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>预售详情</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/goods_details.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | +</head> | |
19 | +<body> | |
20 | + <div class="m-page" id="supplyList"> | |
21 | + <header class="m-header header-light"> | |
22 | + <div class="head"> | |
23 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>预售详情</h1> | |
25 | + </div> | |
26 | + </header> | |
27 | + <div class="content"> | |
28 | + <div class="goods-msg"> | |
29 | + <div class="title"> | |
30 | + <span class="name">菜花 白面青梗松花菜</span> | |
31 | + <span class="time">14小时</span> | |
32 | + </div> | |
33 | + <p>上市时间:<label class="price">7月~9月</label></p> | |
34 | + <p>预计产量:<label>20吨</label><span class="time">被浏览次数998</span></p> | |
35 | + </div> | |
36 | + <div class="text-msg"> | |
37 | + <p class="title" >联系方式</p> | |
38 | + <p>孙先生 028-86668666</p> | |
39 | + <p>四川省 成都市 天府广场左侧物质大楼</p> | |
40 | + </div> | |
41 | + <div class="text-msg"> | |
42 | + <p class="title" >供应信息</p> | |
43 | + <p>萝卜,十字花科、萝卜属二年或一年生草本,直根肉质,长圆形、球形或圆锥形,外皮色、白色或红色;茎有分枝,无毛,稍具粉霜。</p> | |
44 | + <img src="http://img5.nong12.com/images/i1/2844ce5f0a62483f83db4230f87d7f03.jpg"> | |
45 | + </div> | |
46 | + <div class="more"> | |
47 | + <p>继续拖动,查看图文详情</p> | |
48 | + </div> | |
49 | + <div class="footer-bar"> | |
50 | + <a href="#" class="collect"><i></i>立即收藏</a> | |
51 | + <a href="#" class="touch"><i></i>联系卖家</a> | |
52 | + </div> | |
53 | + </div> | |
54 | + </div> | |
55 | +</body> | |
56 | +</html> | |
0 | 57 | \ No newline at end of file | ... | ... |
2.0/presell_list.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>预售信息</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/supply.css"> | |
13 | + | |
14 | + | |
15 | + <!-- base seajs --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
17 | + <!-- base jquery --> | |
18 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page" id="supplyList"> | |
22 | + <header class="m-header header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>预售信息</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <div class="content"> | |
29 | + <div class="m-tab"> | |
30 | + <ul class="clearfix"> | |
31 | + <li><a href="#">产地<i class="m-icon"></i></a></li> | |
32 | + <li><a href="#">产品分类<i class="m-icon"></i></a></li> | |
33 | + </ul> | |
34 | + </div> | |
35 | + <div class="collection-lists supply-list" > | |
36 | + <ul class="m-table-view"> | |
37 | + <li class="cell"> | |
38 | + <a href="#"> | |
39 | + <div class="orso"> | |
40 | + <span class="title">山东白萝卜</span> | |
41 | + <span class="right price">0.7元/斤</span> | |
42 | + </div> | |
43 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
44 | + <div class="orso"> | |
45 | + <span>河北张家口张北县</span> | |
46 | + <span class="right">2015-03-04</span> | |
47 | + </div> | |
48 | + </a> | |
49 | + </li> | |
50 | + <li class="cell"> | |
51 | + <a href="#"> | |
52 | + <div class="orso"> | |
53 | + <span class="title">山东白萝卜</span> | |
54 | + <span class="right price">0.7元/斤</span> | |
55 | + </div> | |
56 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
57 | + <div class="orso"> | |
58 | + <span>河北张家口张北县</span> | |
59 | + <span class="right">2015-03-04</span> | |
60 | + </div> | |
61 | + </a> | |
62 | + </li> | |
63 | + <li class="cell"> | |
64 | + <a href="#"> | |
65 | + <div class="orso"> | |
66 | + <span class="title">山东白萝卜</span> | |
67 | + <span class="right price">0.7元/斤</span> | |
68 | + </div> | |
69 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
70 | + <div class="orso"> | |
71 | + <span>河北张家口张北县</span> | |
72 | + <span class="right">2015-03-04</span> | |
73 | + </div> | |
74 | + </a> | |
75 | + </li> | |
76 | + </ul> | |
77 | + </div> | |
78 | + <div class="collection-lists supply-list"> | |
79 | + <ul class="m-table-view"> | |
80 | + <li class="cell"> | |
81 | + <a href="#"> | |
82 | + <div class="orso"> | |
83 | + <span class="title">山东白萝卜</span> | |
84 | + </div> | |
85 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
86 | + <div class="orso"> | |
87 | + <span>河北张家口张北县</span> | |
88 | + <span class="right">2015-03-04</span> | |
89 | + </div> | |
90 | + </a> | |
91 | + </li> | |
92 | + <li class="cell"> | |
93 | + <a href="#"> | |
94 | + <div class="orso"> | |
95 | + <span class="title">山东白萝卜</span> | |
96 | + </div> | |
97 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
98 | + <div class="orso"> | |
99 | + <span>河北张家口张北县</span> | |
100 | + <span class="right">2015-03-04</span> | |
101 | + </div> | |
102 | + </a> | |
103 | + </li> | |
104 | + <li class="cell"> | |
105 | + <a href="#"> | |
106 | + <div class="orso"> | |
107 | + <span class="title">山东白萝卜</span> | |
108 | + </div> | |
109 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
110 | + <div class="orso"> | |
111 | + <span>河北张家口张北县</span> | |
112 | + <span class="right">2015-03-04</span> | |
113 | + </div> | |
114 | + </a> | |
115 | + </li> | |
116 | + </ul> | |
117 | + </div> | |
118 | + </div> | |
119 | + </div> | |
120 | +</body> | |
121 | +</html> | |
0 | 122 | \ No newline at end of file | ... | ... |
2.0/supply_details.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>供应详情</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/goods_details.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | +</head> | |
19 | +<body> | |
20 | + <div class="m-page" id="supplyList"> | |
21 | + <header class="m-header header-light"> | |
22 | + <div class="head"> | |
23 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>供应详情</h1> | |
25 | + </div> | |
26 | + </header> | |
27 | + <div class="content"> | |
28 | + <div class="goods-msg"> | |
29 | + <div class="title"> | |
30 | + <span class="name">菜花 白面青梗松花菜</span> | |
31 | + <span class="time">14小时</span> | |
32 | + </div> | |
33 | + <p>单 价:<label class="price">0.87~0.9元/斤</label></p> | |
34 | + <p>供应商:<label>20吨</label></p> | |
35 | + <p>产 地:<label>河北张家口张北县</label></p> | |
36 | + </div> | |
37 | + <div class="text-msg"> | |
38 | + <p class="title" >供应信息</p> | |
39 | + <p>萝卜,十字花科、萝卜属二年或一年生草本,直根肉质,长圆形、球形或圆锥形,外皮色、白色或红色;茎有分枝,无毛,稍具粉霜。</p> | |
40 | + <img src="http://img5.nong12.com/images/i1/2844ce5f0a62483f83db4230f87d7f03.jpg"> | |
41 | + </div> | |
42 | + <div class="more"> | |
43 | + <p>继续拖动,查看图文详情</p> | |
44 | + </div> | |
45 | + <div class="footer-bar"> | |
46 | + <a href="#" class="collect"><i></i>立即收藏</a> | |
47 | + <a href="#" class="touch"><i></i>联系卖家</a> | |
48 | + </div> | |
49 | + </div> | |
50 | + </div> | |
51 | +</body> | |
52 | +</html> | |
0 | 53 | \ No newline at end of file | ... | ... |
2.0/supply_list.html
0 → 100644
1 | +<!DOCTYPE html> | |
2 | +<html> | |
3 | +<head> | |
4 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
5 | + <meta content="telephone=no" name="format-detection" /> | |
6 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
8 | + <title>供应信息</title> | |
9 | + <!-- css --> | |
10 | + | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/supply.css"> | |
13 | + | |
14 | + | |
15 | + <!-- base seajs --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
17 | + <!-- base jquery --> | |
18 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page" id="supplyList"> | |
22 | + <header class="m-header header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="javascript:history.go(-1);" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <div class="m-tab solid"> | |
26 | + <ul> | |
27 | + <li class="on">供应信息</li> | |
28 | + <li>求购信息</li> | |
29 | + </ul> | |
30 | + </div> | |
31 | + </div> | |
32 | + </header> | |
33 | + <div class="content"> | |
34 | + <div class="m-tab"> | |
35 | + <ul class="clearfix"> | |
36 | + <li><a href="#">产地<i class="m-icon"></i></a></li> | |
37 | + <li><a href="#">产品分类<i class="m-icon"></i></a></li> | |
38 | + </ul> | |
39 | + </div> | |
40 | + <div class="collection-lists supply-list" > | |
41 | + <ul class="m-table-view"> | |
42 | + <li class="cell"> | |
43 | + <a href="#"> | |
44 | + <div class="orso"> | |
45 | + <span class="title">山东白萝卜</span> | |
46 | + <span class="right price">0.7元/斤</span> | |
47 | + </div> | |
48 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
49 | + <div class="orso"> | |
50 | + <span>河北张家口张北县</span> | |
51 | + <span class="right">2015-03-04</span> | |
52 | + </div> | |
53 | + </a> | |
54 | + </li> | |
55 | + <li class="cell"> | |
56 | + <a href="#"> | |
57 | + <div class="orso"> | |
58 | + <span class="title">山东白萝卜</span> | |
59 | + <span class="right price">0.7元/斤</span> | |
60 | + </div> | |
61 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
62 | + <div class="orso"> | |
63 | + <span>河北张家口张北县</span> | |
64 | + <span class="right">2015-03-04</span> | |
65 | + </div> | |
66 | + </a> | |
67 | + </li> | |
68 | + <li class="cell"> | |
69 | + <a href="#"> | |
70 | + <div class="orso"> | |
71 | + <span class="title">山东白萝卜</span> | |
72 | + <span class="right price">0.7元/斤</span> | |
73 | + </div> | |
74 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
75 | + <div class="orso"> | |
76 | + <span>河北张家口张北县</span> | |
77 | + <span class="right">2015-03-04</span> | |
78 | + </div> | |
79 | + </a> | |
80 | + </li> | |
81 | + </ul> | |
82 | + </div> | |
83 | + <div class="collection-lists supply-list"> | |
84 | + <ul class="m-table-view"> | |
85 | + <li class="cell"> | |
86 | + <a href="#"> | |
87 | + <div class="orso"> | |
88 | + <span class="title">山东白萝卜</span> | |
89 | + </div> | |
90 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
91 | + <div class="orso"> | |
92 | + <span>河北张家口张北县</span> | |
93 | + <span class="right">2015-03-04</span> | |
94 | + </div> | |
95 | + </a> | |
96 | + </li> | |
97 | + <li class="cell"> | |
98 | + <a href="#"> | |
99 | + <div class="orso"> | |
100 | + <span class="title">山东白萝卜</span> | |
101 | + </div> | |
102 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
103 | + <div class="orso"> | |
104 | + <span>河北张家口张北县</span> | |
105 | + <span class="right">2015-03-04</span> | |
106 | + </div> | |
107 | + </a> | |
108 | + </li> | |
109 | + <li class="cell"> | |
110 | + <a href="#"> | |
111 | + <div class="orso"> | |
112 | + <span class="title">山东白萝卜</span> | |
113 | + </div> | |
114 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
115 | + <div class="orso"> | |
116 | + <span>河北张家口张北县</span> | |
117 | + <span class="right">2015-03-04</span> | |
118 | + </div> | |
119 | + </a> | |
120 | + </li> | |
121 | + </ul> | |
122 | + </div> | |
123 | + </div> | |
124 | + </div> | |
125 | +</body> | |
126 | +</html> | |
0 | 127 | \ No newline at end of file | ... | ... |
css/less/collection.less
0 → 100644
css/style/collection.css
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | +/** | |
6 | + * name : zzf | |
7 | + * info : | |
8 | + */ | |
9 | +.supply-list { | |
10 | + padding: 10px; | |
11 | +} | |
12 | +.supply-list a { | |
13 | + color: #999; | |
14 | +} | |
15 | +.supply-list ul { | |
16 | + border: none; | |
17 | + margin: 0px; | |
18 | + background: transparent; | |
19 | +} | |
20 | +.supply-list li { | |
21 | + border: 1px solid #ddd; | |
22 | + margin-bottom: 10px; | |
23 | + padding: 0px; | |
24 | + background: #fff; | |
25 | +} | |
26 | +.supply-list div.text { | |
27 | + text-align: left; | |
28 | + display: box; | |
29 | + display: -moz-box; | |
30 | + display: -webkit-box; | |
31 | + box-orient: horizontal; | |
32 | + position: relative; | |
33 | +} | |
34 | +.supply-list div.text label { | |
35 | + width: 100px; | |
36 | + position: relative; | |
37 | + color: #999; | |
38 | +} | |
39 | +.supply-list div.text div { | |
40 | + color: #666666; | |
41 | + margin-left: 5px; | |
42 | + box-flex: 1; | |
43 | + -webkit-box-flex: 1; | |
44 | + -moz-box-flex: 1; | |
45 | +} | |
46 | +.supply-list .orso { | |
47 | + height: 40px; | |
48 | + line-height: 40px; | |
49 | + width: 100%; | |
50 | + text-align: left; | |
51 | +} | |
52 | +.supply-list .orso .title { | |
53 | + font-size: 16px; | |
54 | + color: #333; | |
55 | +} | |
56 | +.supply-list .orso .right { | |
57 | + float: right; | |
58 | +} | |
59 | +.supply-list .orso .price { | |
60 | + color: #ff6600; | |
61 | + font-size: 14px; | |
62 | +} | |
63 | +.supply-list p { | |
64 | + text-align: left; | |
65 | + border-bottom: 1px solid #ddd; | |
66 | + padding-bottom: 10px; | |
67 | +} | |
68 | +#supplyList .m-tab { | |
69 | + padding: 0px; | |
70 | +} | |
71 | +#supplyList .m-tab li { | |
72 | + padding: 0px; | |
73 | + width: 50%; | |
74 | +} | |
75 | +#collection .m-tab { | |
76 | + padding: 0 10px; | |
77 | +} | |
78 | +#collection .m-tab li { | |
79 | + width: 20%; | |
80 | + padding: 0px; | |
81 | +} | ... | ... |
css/style/collection.less
0 → 100644
css/style/common.css
... | ... | @@ -1478,6 +1478,25 @@ input.m-radio:checked { |
1478 | 1478 | box-sizing: border-box; |
1479 | 1479 | padding: 0 15px; |
1480 | 1480 | } |
1481 | +.m-tab.solid { | |
1482 | + padding: 0px; | |
1483 | + width: 60%; | |
1484 | + margin: 0 auto; | |
1485 | + height: 35px; | |
1486 | + position: relative; | |
1487 | + top: 5px; | |
1488 | + border: 1px solid #2caa3f; | |
1489 | + color: #2caa3f; | |
1490 | +} | |
1491 | +.m-tab.solid li { | |
1492 | + line-height: 35px; | |
1493 | + width: 50%; | |
1494 | + padding: 0px; | |
1495 | +} | |
1496 | +.m-tab.solid .on { | |
1497 | + background: #2caa3f; | |
1498 | + color: #fff; | |
1499 | +} | |
1481 | 1500 | .m-tab a { |
1482 | 1501 | color: #999; |
1483 | 1502 | } | ... | ... |
css/style/goods_details.css
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | +.goods-msg { | |
6 | + margin: 10px 0; | |
7 | + border-top: 1px solid #ddd; | |
8 | + border-bottom: 1px solid #ddd; | |
9 | + background: #fff; | |
10 | + font-size: 13px; | |
11 | + color: #999; | |
12 | + line-height: 25px; | |
13 | + padding: 10px; | |
14 | +} | |
15 | +.goods-msg label { | |
16 | + margin-left: 5px; | |
17 | +} | |
18 | +.goods-msg .time { | |
19 | + float: right; | |
20 | +} | |
21 | +.goods-msg .name { | |
22 | + font-size: 15px; | |
23 | + color: #666; | |
24 | +} | |
25 | +.goods-msg .price { | |
26 | + color: #f60; | |
27 | +} | |
28 | +.text-msg { | |
29 | + padding: 10px; | |
30 | + border-top: 1px solid #ddd; | |
31 | + border-bottom: 1px solid #ddd; | |
32 | + background: #fff; | |
33 | + line-height: 20px; | |
34 | + color: #999; | |
35 | + margin-bottom: 10px; | |
36 | +} | |
37 | +.text-msg .title { | |
38 | + font-size: 14px; | |
39 | + color: #666; | |
40 | + margin: 5px 0; | |
41 | +} | |
42 | +.text-msg img { | |
43 | + width: 100%; | |
44 | +} | |
45 | +.more { | |
46 | + margin: 20px 10px; | |
47 | + text-align: center; | |
48 | + font-size: 16px; | |
49 | + color: #999; | |
50 | + position: relative; | |
51 | +} | |
52 | +.more p { | |
53 | + background: #f5f5f5; | |
54 | + display: inline-block; | |
55 | + position: relative; | |
56 | + z-index: 99; | |
57 | + padding: 0 5px; | |
58 | +} | |
59 | +.more:before { | |
60 | + content: ""; | |
61 | + position: absolute; | |
62 | + width: 100%; | |
63 | + background: #ddd; | |
64 | + height: 1px; | |
65 | + text-align: center; | |
66 | + left: 0px; | |
67 | + top: 12px; | |
68 | +} | |
69 | +.footer-bar { | |
70 | + height: 50px; | |
71 | + position: fixed; | |
72 | + width: 100%; | |
73 | + bottom: 0px; | |
74 | +} | |
75 | +.footer-bar a { | |
76 | + width: 50%; | |
77 | + float: left; | |
78 | + text-align: center; | |
79 | + height: 100%; | |
80 | + line-height: 50px; | |
81 | + font-size: 16px; | |
82 | + color: #999; | |
83 | +} | |
84 | +.footer-bar a.collect { | |
85 | + background: #fff; | |
86 | +} | |
87 | +.footer-bar a.touch { | |
88 | + background: #FF9D2C; | |
89 | + color: #fff; | |
90 | +} | ... | ... |
css/style/goods_details.less
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | +.goods-msg { | |
6 | + margin: 10px 0; | |
7 | + border-top: 1px solid #ddd; | |
8 | + border-bottom: 1px solid #ddd; | |
9 | + background: #fff; | |
10 | + font-size: 13px; | |
11 | + color: #999; | |
12 | + line-height: 25px; | |
13 | + padding: 10px; | |
14 | + label { | |
15 | + margin-left: 5px; | |
16 | + } | |
17 | + .time { | |
18 | + float: right; | |
19 | + } | |
20 | + .name { | |
21 | + font-size: 15px; | |
22 | + color: #666; | |
23 | + } | |
24 | + .price { | |
25 | + color: #f60; | |
26 | + } | |
27 | +} | |
28 | +.text-msg { | |
29 | + padding: 10px; | |
30 | + border-top: 1px solid #ddd; | |
31 | + border-bottom: 1px solid #ddd; | |
32 | + background: #fff; | |
33 | + line-height: 20px; | |
34 | + color: #999; | |
35 | + margin-bottom: 10px; | |
36 | + .title { | |
37 | + font-size: 14px; | |
38 | + color: #666; | |
39 | + margin: 5px 0; | |
40 | + } | |
41 | + img { | |
42 | + width: 100%; | |
43 | + } | |
44 | +} | |
45 | +.more { | |
46 | + margin: 20px 10px; | |
47 | + text-align: center; | |
48 | + font-size: 16px; | |
49 | + color: #999; | |
50 | + position: relative; | |
51 | + p { | |
52 | + background: #f5f5f5; | |
53 | + display: inline-block; | |
54 | + position: relative; | |
55 | + z-index: 99; | |
56 | + padding: 0 5px; | |
57 | + } | |
58 | + &:before { | |
59 | + content: ""; | |
60 | + position: absolute; | |
61 | + width: 100%; | |
62 | + background: #ddd; | |
63 | + height: 1px; | |
64 | + text-align: center; | |
65 | + left: 0px; | |
66 | + top: 12px; | |
67 | + } | |
68 | +} | |
69 | +.footer-bar { | |
70 | + height: 50px; | |
71 | + position: fixed; | |
72 | + width: 100%; | |
73 | + bottom: 0px; | |
74 | + a { | |
75 | + width: 50%; | |
76 | + float: left; | |
77 | + text-align: center; | |
78 | + height: 100%; | |
79 | + line-height: 50px; | |
80 | + font-size: 16px; | |
81 | + color: #999; | |
82 | + &.collect { | |
83 | + background: #fff; | |
84 | + } | |
85 | + &.touch { | |
86 | + background: #FF9D2C; | |
87 | + color: #fff; | |
88 | + } | |
89 | + } | |
90 | +} | |
0 | 91 | \ No newline at end of file | ... | ... |
css/style/m/m-tab.css
... | ... | @@ -15,8 +15,9 @@ |
15 | 15 | .m-tab { |
16 | 16 | width: 70%; |
17 | 17 | } |
18 | -.m-tab-one { | |
19 | - width: 100%; | |
18 | +.m-tab.solid { | |
19 | + width: 60%; | |
20 | + margin: 0 auto; | |
20 | 21 | } |
21 | 22 | .m-tab li { |
22 | 23 | width: 50%; |
... | ... | @@ -26,6 +27,9 @@ |
26 | 27 | .m-tab .on { |
27 | 28 | border-bottom: 1px solid #6c2; |
28 | 29 | } |
30 | +.m-tab-one { | |
31 | + width: 100%; | |
32 | +} | |
29 | 33 | .filter-view span, |
30 | 34 | .m-tab a { |
31 | 35 | display: block; | ... | ... |
css/style/m/m-tab.less
... | ... | @@ -2,18 +2,22 @@ |
2 | 2 | |
3 | 3 | .m-tab { |
4 | 4 | width: 70%; |
5 | + &.solid { | |
6 | + width: 60%; | |
7 | + margin: 0 auto; | |
8 | + } | |
9 | + li { | |
10 | + width: 50%; | |
11 | + float: left; | |
12 | + border: 0; | |
13 | + } | |
14 | + .on { | |
15 | + border-bottom: 1px solid #6c2; | |
16 | + } | |
5 | 17 | } |
6 | 18 | .m-tab-one { |
7 | 19 | width: 100%; |
8 | 20 | } |
9 | -.m-tab li { | |
10 | - width: 50%; | |
11 | - float: left; | |
12 | - border: 0; | |
13 | -} | |
14 | -.m-tab .on { | |
15 | - border-bottom: 1px solid #6c2; | |
16 | -} | |
17 | 21 | .filter-view span, |
18 | 22 | .m-tab a { |
19 | 23 | display: block; | ... | ... |
css/style/m/m_tab.css
... | ... | @@ -33,6 +33,25 @@ |
33 | 33 | box-sizing: border-box; |
34 | 34 | padding: 0 15px; |
35 | 35 | } |
36 | +.m-tab.solid { | |
37 | + padding: 0px; | |
38 | + width: 60%; | |
39 | + margin: 0 auto; | |
40 | + height: 35px; | |
41 | + position: relative; | |
42 | + top: 5px; | |
43 | + border: 1px solid #2caa3f; | |
44 | + color: #2caa3f; | |
45 | +} | |
46 | +.m-tab.solid li { | |
47 | + line-height: 35px; | |
48 | + width: 50%; | |
49 | + padding: 0px; | |
50 | +} | |
51 | +.m-tab.solid .on { | |
52 | + background: #2caa3f; | |
53 | + color: #fff; | |
54 | +} | |
36 | 55 | .m-tab a { |
37 | 56 | color: #999; |
38 | 57 | } | ... | ... |
css/style/m/m_tab.less
... | ... | @@ -21,6 +21,25 @@ |
21 | 21 | overflow: hidden; |
22 | 22 | box-sizing: border-box; |
23 | 23 | padding: 0 15px; |
24 | + &.solid { | |
25 | + padding: 0px; | |
26 | + width: 60%; | |
27 | + margin: 0 auto; | |
28 | + height: 35px; | |
29 | + position: relative; | |
30 | + top: 5px; | |
31 | + border: 1px solid #2caa3f; | |
32 | + color: #2caa3f; | |
33 | + li { | |
34 | + line-height: 35px; | |
35 | + width: 50%; | |
36 | + padding: 0px; | |
37 | + } | |
38 | + .on { | |
39 | + background: #2caa3f; | |
40 | + color: #fff; | |
41 | + } | |
42 | + } | |
24 | 43 | a{ |
25 | 44 | color: #999; |
26 | 45 | } | ... | ... |
css/style/store.css
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | +.store-head { | |
6 | + background: url("../../images/Group.png"); | |
7 | + height: 137px; | |
8 | + width: 100%; | |
9 | + background-size: cover; | |
10 | +} | |
11 | +.store-head .text { | |
12 | + display: box; | |
13 | + display: -moz-box; | |
14 | + display: -webkit-box; | |
15 | + box-orient: horizontal; | |
16 | +} | |
17 | +.store-head .text .img { | |
18 | + margin-top: 15px; | |
19 | + margin-left: 15px; | |
20 | + width: 60px; | |
21 | + height: 60px; | |
22 | + position: relative; | |
23 | +} | |
24 | +.store-head .text .img span { | |
25 | + position: absolute; | |
26 | + background: #23AC38; | |
27 | + color: #fff; | |
28 | + font-size: 13px; | |
29 | + padding: 0 3px; | |
30 | +} | |
31 | +.store-head .text .msg { | |
32 | + margin-left: 10px; | |
33 | + margin-top: 15px; | |
34 | + box-flex: 1; | |
35 | + -webkit-box-flex: 1; | |
36 | + -moz-box-flex: 1; | |
37 | + color: #fff; | |
38 | + font-size: 12px; | |
39 | +} | |
40 | +.store-head .text .msg .title { | |
41 | + font-size: 14px; | |
42 | +} | |
43 | +.store-head .btns { | |
44 | + height: 45px; | |
45 | + background: rgba(0, 0, 0, 0.4); | |
46 | + width: 100%; | |
47 | + margin-top: 18px; | |
48 | +} | |
49 | +.store-head .btns a { | |
50 | + width: 50%; | |
51 | + text-align: center; | |
52 | + height: 100%; | |
53 | + color: #fff; | |
54 | + font-size: 14px; | |
55 | + float: left; | |
56 | + line-height: 45px; | |
57 | +} | |
58 | +.store-text { | |
59 | + margin: 10px 0; | |
60 | + border-top: 1px solid #ddd; | |
61 | + border-bottom: 1px solid #ddd; | |
62 | + background: #fff; | |
63 | + padding: 10px; | |
64 | + line-height: 22px; | |
65 | + font-size: 13px; | |
66 | + color: #999; | |
67 | +} | |
68 | +.store-text h4 { | |
69 | + color: #333; | |
70 | +} | ... | ... |
css/style/store.less
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | + | |
6 | +.store-head { | |
7 | + background: url("../../images/Group.png"); | |
8 | + height: 137px; | |
9 | + width: 100%; | |
10 | + background-size: cover; | |
11 | + .text { | |
12 | + display: box; | |
13 | + display: -moz-box; | |
14 | + display: -webkit-box; | |
15 | + box-orient: horizontal; | |
16 | + .img { | |
17 | + margin-top: 15px; | |
18 | + margin-left: 15px; | |
19 | + width: 60px; | |
20 | + height: 60px; | |
21 | + position: relative; | |
22 | + span { | |
23 | + position: absolute; | |
24 | + background: #23AC38; | |
25 | + color: #fff; | |
26 | + font-size: 13px; | |
27 | + padding: 0 3px; | |
28 | + } | |
29 | + } | |
30 | + .msg { | |
31 | + margin-left: 10px; | |
32 | + margin-top: 15px; | |
33 | + box-flex: 1; | |
34 | + -webkit-box-flex: 1; | |
35 | + -moz-box-flex: 1; | |
36 | + color: #fff; | |
37 | + font-size: 12px; | |
38 | + .title { | |
39 | + font-size: 14px; | |
40 | + } | |
41 | + } | |
42 | + } | |
43 | + .btns { | |
44 | + height: 45px; | |
45 | + background: rgba(0, 0, 0, 0.4); | |
46 | + width: 100%; | |
47 | + margin-top: 18px; | |
48 | + a { | |
49 | + width: 50%; | |
50 | + text-align: center; | |
51 | + height: 100%; | |
52 | + color: #fff; | |
53 | + font-size: 14px; | |
54 | + float: left; | |
55 | + line-height: 45px; | |
56 | + } | |
57 | + } | |
58 | +} | |
59 | +.store-text { | |
60 | + margin: 10px 0; | |
61 | + border-top: 1px solid #ddd; | |
62 | + border-bottom: 1px solid #ddd; | |
63 | + background: #fff; | |
64 | + padding: 10px; | |
65 | + line-height: 22px; | |
66 | + font-size: 13px; | |
67 | + color: #999; | |
68 | + h4 { | |
69 | + color: #333; | |
70 | + } | |
71 | +} | |
0 | 72 | \ No newline at end of file | ... | ... |
css/style/supply.css
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | +.supply-list { | |
6 | + padding: 10px; | |
7 | +} | |
8 | +.supply-list a { | |
9 | + color: #999; | |
10 | +} | |
11 | +.supply-list ul { | |
12 | + border: none; | |
13 | + margin: 0px; | |
14 | + background: transparent; | |
15 | +} | |
16 | +.supply-list li { | |
17 | + border: 1px solid #ddd; | |
18 | + margin-bottom: 10px; | |
19 | + padding: 0px; | |
20 | + background: #fff; | |
21 | +} | |
22 | +.supply-list div.text { | |
23 | + text-align: left; | |
24 | + display: box; | |
25 | + display: -moz-box; | |
26 | + display: -webkit-box; | |
27 | + box-orient: horizontal; | |
28 | + position: relative; | |
29 | +} | |
30 | +.supply-list div.text label { | |
31 | + width: 100px; | |
32 | + position: relative; | |
33 | + color: #999; | |
34 | +} | |
35 | +.supply-list div.text div { | |
36 | + color: #666666; | |
37 | + margin-left: 5px; | |
38 | + box-flex: 1; | |
39 | + -webkit-box-flex: 1; | |
40 | + -moz-box-flex: 1; | |
41 | +} | |
42 | +.supply-list .orso { | |
43 | + height: 40px; | |
44 | + line-height: 40px; | |
45 | + width: 100%; | |
46 | + text-align: left; | |
47 | +} | |
48 | +.supply-list .orso .title { | |
49 | + font-size: 16px; | |
50 | + color: #333; | |
51 | +} | |
52 | +.supply-list .orso .right { | |
53 | + float: right; | |
54 | +} | |
55 | +.supply-list .orso .price { | |
56 | + color: #ff6600; | |
57 | + font-size: 14px; | |
58 | +} | |
59 | +.supply-list p { | |
60 | + text-align: left; | |
61 | + border-bottom: 1px solid #ddd; | |
62 | + padding-bottom: 10px; | |
63 | +} | |
64 | +#supplyList .m-tab { | |
65 | + padding: 0px; | |
66 | +} | |
67 | +#supplyList .m-tab li { | |
68 | + padding: 0px; | |
69 | + width: 50%; | |
70 | +} | ... | ... |
css/style/supply.less
0 → 100644
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | + | |
6 | +.supply-list { | |
7 | + padding: 10px; | |
8 | + a { | |
9 | + color: #999; | |
10 | + } | |
11 | + ul { | |
12 | + border: none; | |
13 | + margin: 0px; | |
14 | + background: transparent; | |
15 | + } | |
16 | + li { | |
17 | + border: 1px solid #ddd; | |
18 | + margin-bottom: 10px; | |
19 | + padding: 0px; | |
20 | + background: #fff; | |
21 | + } | |
22 | + div.text { | |
23 | + text-align: left; | |
24 | + display: box; | |
25 | + display: -moz-box; | |
26 | + display: -webkit-box; | |
27 | + box-orient: horizontal; | |
28 | + position: relative; | |
29 | + label { | |
30 | + width: 100px; | |
31 | + position: relative; | |
32 | + color: #999; | |
33 | + } | |
34 | + div { | |
35 | + color: #666666; | |
36 | + margin-left: 5px; | |
37 | + box-flex: 1; | |
38 | + -webkit-box-flex: 1; | |
39 | + -moz-box-flex: 1; | |
40 | + } | |
41 | + } | |
42 | + .orso { | |
43 | + height: 40px; | |
44 | + line-height: 40px; | |
45 | + width: 100%; | |
46 | + text-align: left; | |
47 | + .title { | |
48 | + font-size: 16px; | |
49 | + color: #333; | |
50 | + } | |
51 | + .right { | |
52 | + float: right; | |
53 | + } | |
54 | + .price { | |
55 | + color: #ff6600; | |
56 | + font-size: 14px; | |
57 | + } | |
58 | + } | |
59 | + p { | |
60 | + text-align: left; | |
61 | + border-bottom: 1px solid #ddd; | |
62 | + padding-bottom: 10px; | |
63 | + } | |
64 | +} | |
65 | +#supplyList { | |
66 | + .m-tab { | |
67 | + padding: 0px; | |
68 | + li { | |
69 | + padding: 0px; | |
70 | + width: 50%; | |
71 | + } | |
72 | + } | |
73 | +} | |
0 | 74 | \ No newline at end of file | ... | ... |
images/Group.png
0 → 100644
251 KB