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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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,6 +1478,25 @@ input.m-radio:checked { | ||
1478 | box-sizing: border-box; | 1478 | box-sizing: border-box; |
1479 | padding: 0 15px; | 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 | .m-tab a { | 1500 | .m-tab a { |
1482 | color: #999; | 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 | \ No newline at end of file | 91 | \ No newline at end of file |
css/style/m/m-tab.css
@@ -15,8 +15,9 @@ | @@ -15,8 +15,9 @@ | ||
15 | .m-tab { | 15 | .m-tab { |
16 | width: 70%; | 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 | .m-tab li { | 22 | .m-tab li { |
22 | width: 50%; | 23 | width: 50%; |
@@ -26,6 +27,9 @@ | @@ -26,6 +27,9 @@ | ||
26 | .m-tab .on { | 27 | .m-tab .on { |
27 | border-bottom: 1px solid #6c2; | 28 | border-bottom: 1px solid #6c2; |
28 | } | 29 | } |
30 | +.m-tab-one { | ||
31 | + width: 100%; | ||
32 | +} | ||
29 | .filter-view span, | 33 | .filter-view span, |
30 | .m-tab a { | 34 | .m-tab a { |
31 | display: block; | 35 | display: block; |
css/style/m/m-tab.less
@@ -2,18 +2,22 @@ | @@ -2,18 +2,22 @@ | ||
2 | 2 | ||
3 | .m-tab { | 3 | .m-tab { |
4 | width: 70%; | 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 | .m-tab-one { | 18 | .m-tab-one { |
7 | width: 100%; | 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 | .filter-view span, | 21 | .filter-view span, |
18 | .m-tab a { | 22 | .m-tab a { |
19 | display: block; | 23 | display: block; |
css/style/m/m_tab.css
@@ -33,6 +33,25 @@ | @@ -33,6 +33,25 @@ | ||
33 | box-sizing: border-box; | 33 | box-sizing: border-box; |
34 | padding: 0 15px; | 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 | .m-tab a { | 55 | .m-tab a { |
37 | color: #999; | 56 | color: #999; |
38 | } | 57 | } |
css/style/m/m_tab.less
@@ -21,6 +21,25 @@ | @@ -21,6 +21,25 @@ | ||
21 | overflow: hidden; | 21 | overflow: hidden; |
22 | box-sizing: border-box; | 22 | box-sizing: border-box; |
23 | padding: 0 15px; | 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 | a{ | 43 | a{ |
25 | color: #999; | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 74 | \ No newline at end of file |
images/Group.png
0 → 100644
251 KB