Commit b51924697e7ffdccee5d9d41bd2be4b3b02828fa
0 parents
Rebuild commit without history commits.
Showing
52 changed files
with
4860 additions
and
0 deletions
Too many changes to show.
To preserve performance only 52 of 997 files are displayed.
.gitignore
0 → 100644
2.0/behalfBuy_list.html
0 → 100644
1 | +++ a/2.0/behalfBuy_list.html | |
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-2.0.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 | +++ a/2.0/behalfBuy_store.html | |
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-2.0.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.html
0 → 100644
1 | +++ a/2.0/buy.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>我要买货</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body class="categoryPage"> | |
14 | + <div class="m-page addr-page"> | |
15 | + <link rel="stylesheet" href="../css/style/category.css"> | |
16 | + <!-- header --> | |
17 | + <header class="m-header header-light"> | |
18 | + <span class="lt-bar"><i class="m-icon icon-back"></i></span> | |
19 | + <div class="head"> | |
20 | + <h1 class="font-gray">我要买货</h1> | |
21 | + </div> | |
22 | + </header> | |
23 | + <div class="m-content"> | |
24 | + <div class="addr-section province"> | |
25 | + <ul class="m-table-view"> | |
26 | + <li class="cell border-1px-full"> | |
27 | + <span class="title font-black">萝卜类</span> | |
28 | + <span class="text"></span> | |
29 | + </li> | |
30 | + <li class="cell border-1px-full selected"> | |
31 | + <span class="title font-black">番茄类</span> | |
32 | + <span class="text"></span> | |
33 | + </li> | |
34 | + <li class="cell border-1px-full"> | |
35 | + <span class="title font-black">萝卜类</span> | |
36 | + <span class="text"></span> | |
37 | + </li> | |
38 | + <li class="cell border-1px-full"> | |
39 | + <span class="title font-black">萝卜类</span> | |
40 | + <span class="text"></span> | |
41 | + </li> | |
42 | + <li class="cell border-1px-full"> | |
43 | + <span class="title font-black">萝卜类</span> | |
44 | + <span class="text"></span> | |
45 | + </li> | |
46 | + <li class="cell border-1px-full"> | |
47 | + <span class="title font-black">萝卜类</span> | |
48 | + <span class="text"></span> | |
49 | + </li> | |
50 | + <li class="cell border-1px-full"> | |
51 | + <span class="title font-black">萝卜类</span> | |
52 | + <span class="text"></span> | |
53 | + </li> | |
54 | + <li class="cell border-1px-full"> | |
55 | + <span class="title font-black">萝卜类</span> | |
56 | + <span class="text"></span> | |
57 | + </li> | |
58 | + <li class="cell border-1px-full"> | |
59 | + <span class="title font-black">萝卜类</span> | |
60 | + <span class="text"></span> | |
61 | + </li> | |
62 | + <li class="cell border-1px-full"> | |
63 | + <span class="title font-black">萝卜类</span> | |
64 | + <span class="text"></span> | |
65 | + </li> | |
66 | + <li class="cell border-1px-full"> | |
67 | + <span class="title font-black">萝卜类</span> | |
68 | + <span class="text"></span> | |
69 | + </li> | |
70 | + <li class="cell border-1px-full"> | |
71 | + <span class="title font-black">萝卜类</span> | |
72 | + <span class="text"></span> | |
73 | + </li> | |
74 | + <li class="cell border-1px-full"> | |
75 | + <span class="title font-black">萝卜类</span> | |
76 | + <span class="text"></span> | |
77 | + </li> | |
78 | + <li class="cell border-1px-full"> | |
79 | + <span class="title font-black">萝卜类</span> | |
80 | + <span class="text"></span> | |
81 | + </li> | |
82 | + </ul> | |
83 | + </div> | |
84 | + <div class="addr-section city"> | |
85 | + <ul class="m-table-view"> | |
86 | + <li class="cell border-1px border-bottom"> | |
87 | + <span class="title font-black">白萝卜</span> | |
88 | + <span class="text"></span> | |
89 | + </li> | |
90 | + <li class="cell border-1px border-bottom"> | |
91 | + <span class="title font-black">白萝卜</span> | |
92 | + <span class="text"></span> | |
93 | + </li> | |
94 | + <li class="cell border-1px border-bottom"> | |
95 | + <span class="title font-black">白萝卜</span> | |
96 | + <span class="text"></span> | |
97 | + </li> | |
98 | + <li class="cell border-1px border-bottom"> | |
99 | + <span class="title font-black">白萝卜</span> | |
100 | + <span class="text"></span> | |
101 | + </li> | |
102 | + <li class="cell border-1px border-bottom"> | |
103 | + <span class="title font-black">白萝卜</span> | |
104 | + <span class="text"></span> | |
105 | + </li> | |
106 | + <li class="cell border-1px border-bottom"> | |
107 | + <span class="title font-black">白萝卜</span> | |
108 | + <span class="text"></span> | |
109 | + </li> | |
110 | + <li class="cell border-1px border-bottom"> | |
111 | + <span class="title font-black">白萝卜</span> | |
112 | + <span class="text"></span> | |
113 | + </li> | |
114 | + <li class="cell border-1px border-bottom"> | |
115 | + <span class="title font-black">白萝卜</span> | |
116 | + <span class="text"></span> | |
117 | + </li> | |
118 | + <li class="cell border-1px border-bottom"> | |
119 | + <span class="title font-black">白萝卜</span> | |
120 | + <span class="text"></span> | |
121 | + </li> | |
122 | + <li class="cell border-1px border-bottom"> | |
123 | + <span class="title font-black">白萝卜</span> | |
124 | + <span class="text"></span> | |
125 | + </li> | |
126 | + <li class="cell border-1px border-bottom"> | |
127 | + <span class="title font-black">白萝卜</span> | |
128 | + <span class="text"></span> | |
129 | + </li> | |
130 | + <li class="cell border-1px border-bottom"> | |
131 | + <span class="title font-black">白萝卜</span> | |
132 | + <span class="text"></span> | |
133 | + </li> | |
134 | + </ul> | |
135 | + </div> | |
136 | + </div> | |
137 | + </div> | |
138 | +</body> | |
139 | + | |
140 | +</html> | ... | ... |
2.0/buy_details.html
0 → 100644
1 | +++ a/2.0/buy_details.html | |
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-2.0.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 | +++ a/2.0/collect_shop.html | |
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-2.0.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 panel-open" 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 edit-btn">编辑</span> | |
27 | + </div> | |
28 | + </header> | |
29 | + <div class="content"> | |
30 | + <div class="m-tab"> | |
31 | + <ul class="clearfix"> | |
32 | + <li class="on"><a href="#insale">供应</a></li> | |
33 | + <li><a href="#asksale">求购</a></li> | |
34 | + <li><a href="#presale">预售</a></li> | |
35 | + <li><a href="#goods">商品</a></li> | |
36 | + <li><a href="#shops">店铺</a></li> | |
37 | + </ul> | |
38 | + </div> | |
39 | + <div class="collection-lists supply-list inlist" id="insale"> | |
40 | + <ul class="m-table-view"> | |
41 | + <li class="cell"> | |
42 | + <div class="cellin"> | |
43 | + <label class="labchk"> | |
44 | + 选择 | |
45 | + <input type="checkbox" class="m-radio"/> | |
46 | + </label> | |
47 | + <a href="#" class="display-block"> | |
48 | + <div class="orso"> | |
49 | + <span class="title">山东白萝卜</span> | |
50 | + <span class="right price">0.7元/斤</span> | |
51 | + </div> | |
52 | + <p>有机花菜近期行情不错,销售大,建议大家及时大量买进有机花菜近期行情不错,销售大,建议大家及时大量买进</p> | |
53 | + <div class="orso"> | |
54 | + <span>河北张家口张北县</span> | |
55 | + <span class="right">2015-03-04</span> | |
56 | + </div> | |
57 | + </a> | |
58 | + </div> | |
59 | + </li> | |
60 | + </ul> | |
61 | + </div> | |
62 | + | |
63 | + <div class="collection-lists supply-list asklist" id="asksale"> | |
64 | + </div> | |
65 | + | |
66 | + <div class="collection-lists supply-list prelist" id="presale"> | |
67 | + </div> | |
68 | + | |
69 | + <div id="goods" class="goodlist"> | |
70 | + <ul class="m-table-view"> | |
71 | + <li class="cell cell-extend-pic"> | |
72 | + <div class="cellin"> | |
73 | + <label class="labchk"> | |
74 | + 选择 | |
75 | + <input type="checkbox" class="m-radio"> | |
76 | + </label> | |
77 | + <a class="display-block" href="#"> | |
78 | + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic"> | |
79 | + <h3 class="title"> | |
80 | + 山东白萝卜,物美价廉 | |
81 | + </h3> | |
82 | + <p class="title"> | |
83 | + <span class="red">170~180元/箱</span> | |
84 | + </p> | |
85 | + <p class="body"> | |
86 | + <span class="inline">胖丫果业</span> | |
87 | + <span class="inline">主营:柚子、橘子</span> | |
88 | + </p> | |
89 | + <p class="body"> | |
90 | + 辽宁沈阳地利批发市场五号厅 | |
91 | + </p> | |
92 | + </a> | |
93 | + </div> | |
94 | + </li> | |
95 | + </ul> | |
96 | + | |
97 | + </div> | |
98 | + | |
99 | + <div id="shops" class="shoplist"> | |
100 | + <ul class="m-table-view"> | |
101 | + <li class="cell cell-extend-pic"> | |
102 | + <div class="cellin"> | |
103 | + <label class="labchk"> | |
104 | + 选择 | |
105 | + <input type="checkbox" class="m-radio"> | |
106 | + </label> | |
107 | + <a class="display-block" href="#"> | |
108 | + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic"> | |
109 | + <h3 class="title"> | |
110 | + <i class="m-icon icon-medal-gold"></i> | |
111 | + 寿光合作社 | |
112 | + </h3> | |
113 | + <p class="main-cate"> | |
114 | + <span class="key"> | |
115 | + 主营产品 | |
116 | + </span> | |
117 | + <span class="value">水果<span class="value-red">(售)</span></span> | |
118 | + </p> | |
119 | + <p class="localtion"> | |
120 | + 四川 成都 | |
121 | + </p> | |
122 | + <p class="order-numbers body"> | |
123 | + 成交量0笔 | |
124 | + </p> | |
125 | + <p class="text from-label">产地直供</p> | |
126 | + <i class="m-icon icon-sdrz store-label"></i> | |
127 | + </a> | |
128 | + </div> | |
129 | + </li> | |
130 | + <li class="cell cell-extend-pic"> | |
131 | + <div class="cellin"> | |
132 | + <label class="labchk"> | |
133 | + 选择 | |
134 | + <input type="checkbox" class="m-radio"> | |
135 | + </label> | |
136 | + <a class="display-block" href="#"> | |
137 | + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic"> | |
138 | + <h3 class="title"> | |
139 | + <i class="m-icon icon-medal-sliver"></i> | |
140 | + 寿光合作社 | |
141 | + </h3> | |
142 | + <p class="main-cate"> | |
143 | + <span class="key"> | |
144 | + 主营产品 | |
145 | + </span> | |
146 | + <span class="value">水果<span class="value-blue">(购)</span></span> | |
147 | + </p> | |
148 | + <p class="localtion"> | |
149 | + 四川 成都 | |
150 | + </p> | |
151 | + <p class="order-numbers body"> | |
152 | + 成交量0笔 | |
153 | + </p> | |
154 | + <p class="text from-label">产地直供</p> | |
155 | + <i class="m-icon icon-sxsj store-label"></i> | |
156 | + </a> | |
157 | + </div> | |
158 | + </li> | |
159 | + </ul> | |
160 | + </div> | |
161 | + <!--<div class="collection-lists">--> | |
162 | + <!--<ul>--> | |
163 | + <!--<li class="cell cell-extend-pic">--> | |
164 | + <!--<a class="display-block" href="#">--> | |
165 | + <!--<img src="http://img6.nong12.com/images/i3/11efa913a51244749eec9725062fc22f.png" width="80" height="80" alt="" class="pic">--> | |
166 | + <!--<h3 class="title">2310第14商品(96小时)</h3>--> | |
167 | + <!--<p class="btm"><em>¥1.00/斤</em></p>--> | |
168 | + <!--</a>--> | |
169 | + <!--</li>--> | |
170 | + <!--</ul>--> | |
171 | + <!--</div>--> | |
172 | + </div> | |
173 | + <footer class="m-footer border-1px border-top"> | |
174 | + <a href="#" class="m-btn btn-large">取消</a> | |
175 | + <a href="#" class="m-btn btn-danger btn-large">立即删除</a> | |
176 | + </footer> | |
177 | + </div> | |
178 | +</body> | |
179 | +</html> | ... | ... |
2.0/filterpop.html
0 → 100644
1 | +++ a/2.0/filterpop.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>筛选弹出面板</title> | |
11 | + <link rel="stylesheet" href="../css/style/common.css"> | |
12 | + <link rel="stylesheet" href="../css/style/filterpop.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 | + | |
20 | +<body id="filterpop"> | |
21 | + <!-- // wait bechao demo --> | |
22 | +</body> | |
23 | +</html> | |
0 | 24 | \ No newline at end of file | ... | ... |
2.0/index.html
0 → 100644
1 | +++ a/2.0/index.html | |
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 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | + | |
12 | + <!-- base seajs --> | |
13 | + <script src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
14 | + <script src="../js/javascript/common/config.js"></script> | |
15 | +</head> | |
16 | +<body> | |
17 | +<!-- 主体 --> | |
18 | +<div class="m-page" data-role="page" id="indexPage"> | |
19 | + <!-- private css --> | |
20 | + <link rel="stylesheet" href="../css/style/idangerous.swiper.css"> | |
21 | + <link rel="stylesheet" href="../css/style/index.css"> | |
22 | + | |
23 | +<!-- <header class="m-header header-search header-home"> | |
24 | + <div class="head"> | |
25 | + <span class="lt-bar"><i class="m-icon icon-logo-app"></i></span> | |
26 | + <div class="search-box h-search"> | |
27 | + <i class="m-icon icon-search-w"></i>请输入关键字 | |
28 | + </div> | |
29 | + </div> | |
30 | + </header> --> | |
31 | + | |
32 | + <!-- header --> | |
33 | + <header class="m-header header-search header-home border-1px border-bottom"> | |
34 | + <div class="head"> | |
35 | + <a href="#" class="lt-bar"><i class="m-icon icon-logo-app"></i></a> | |
36 | + <a href="#" class="search-box"> | |
37 | + <i class="m-icon icon-search-w float-left"></i> | |
38 | + <div class="input-wrap"> | |
39 | + <span class="m-input font-white">请输入关键字</span> | |
40 | + </div> | |
41 | + </a> | |
42 | + </div> | |
43 | + </header> | |
44 | + | |
45 | + <div class="banner" id="banner"> | |
46 | + <!-- Swiper --> | |
47 | + <div class="swiper-container"> | |
48 | + <div class="swiper-wrapper"> | |
49 | + <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner1.png) center center no-repeat; background-size:100%;"></a> | |
50 | + <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner2.png) center center no-repeat; background-size:100%;"></a> | |
51 | + <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner3.png) center center no-repeat; background-size:100%;"></a> | |
52 | + <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner4.png) center center no-repeat; background-size:100%;"></a> | |
53 | + </div> | |
54 | + <!-- Add Pagination --> | |
55 | + <div class="swiper-pagination"></div> | |
56 | + <div class="swiper-pagination"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span class="swiper-pagination-switch"></span></div> | |
57 | + </div> | |
58 | + </div> | |
59 | + | |
60 | + <ul class="menu border-1px border-bottom"> | |
61 | + <li><a href="#"><i class="m-icon icon-pfsc"></i>批发市场</a></li> | |
62 | + <li><a href="#"><i class="m-icon icon-cdzg"></i>产地直供</a></li> | |
63 | + <li><a href="#"><i class="m-icon icon-tcls"></i>同城零售</a></li> | |
64 | + <li><a href="#"><i class="m-icon icon-nhzy"></i>农户自营</a></li> | |
65 | + | |
66 | + <li><a href="#"><i class="m-icon icon-gqxx"></i>供求信息</a></li> | |
67 | + <li><a href="#"><i class="m-icon icon-yqxx"></i>预售信息</a></li> | |
68 | + <li><a href="#"><i class="m-icon icon-jhd"></i>进货单</a></li> | |
69 | + <li><a href="#"><i class="m-icon icon-wdnf"></i>我的农丰</a></li> | |
70 | + </ul> | |
71 | + <div class="news border-1px border-bottom"> | |
72 | + <i class="m-icon icon-information float-left title"></i> | |
73 | + <ul> | |
74 | + <li><i class="m-icon icon-new"></i> 今日成交订单3008个</li> | |
75 | + </ul> | |
76 | + </div> | |
77 | + | |
78 | + <div class="category-section clearfix"> | |
79 | + <h3 class="font-green">蔬菜</h3> | |
80 | + <ul class="top clearfix"> | |
81 | + <li><a href="#" style="background:url(../temp/banner1.png) no-repeat; background-size: cover;"></a></li> | |
82 | + <li><a href="#" style="background:url(../temp/banner2.png) no-repeat; background-size: cover;"></a></li> | |
83 | + </ul> | |
84 | + <ul class="items border-1px border-top"> | |
85 | + <li class="item border-1px-full"> | |
86 | + <a href="#"><i class="m-icon icon-dou-jiao"></i>豆角</a> | |
87 | + </li> | |
88 | + <li class="item border-1px-full"> | |
89 | + <a href="#"><i class="m-icon icon-hua-cai"></i>花菜</a> | |
90 | + </li> | |
91 | + <li class="item border-1px-full"> | |
92 | + <a href="#"><i class="m-icon icon-mo-gu"></i>蘑菇</a> | |
93 | + </li> | |
94 | + <li class="item border-1px-full"> | |
95 | + <a href="#"><i class="m-icon icon-da-suan"></i>蒜</a> | |
96 | + </li> | |
97 | + | |
98 | + <li class="item border-1px-full"> | |
99 | + <a href="#"><i class="m-icon icon-yang-cong"></i>洋葱</a> | |
100 | + </li> | |
101 | + <li class="item border-1px-full"> | |
102 | + <a href="#"><i class="m-icon icon-tu-dou"></i>土豆</a> | |
103 | + </li> | |
104 | + <li class="item border-1px-full"> | |
105 | + <a href="#"><i class="m-icon icon-luo-bo"></i>萝卜</a> | |
106 | + </li> | |
107 | + <li class="item border-1px-full"> | |
108 | + <a href="#"><i class="m-icon icon-pro-more"></i>更多</a> | |
109 | + </li> | |
110 | + </ul> | |
111 | + </div> | |
112 | + | |
113 | + <!-- 水果 --> | |
114 | + <div class="category-section fruit-section clearfix"> | |
115 | + <h3 class="font-orange">水果</h3> | |
116 | + <ul class="top clearfix"> | |
117 | + <li><a href="#" style="background:url(../temp/banner3.png) no-repeat; background-size: cover;"></a></li> | |
118 | + <li><a href="#" style="background:url(../temp/banner4.png) no-repeat; background-size: cover;"></a></li> | |
119 | + </ul> | |
120 | + <ul class="items border-1px border-top"> | |
121 | + <li class="item border-1px-full"> | |
122 | + <a href="#"><i class="m-icon icon-ping-guo"></i>苹果</a> | |
123 | + </li> | |
124 | + <li class="item border-1px-full"> | |
125 | + <a href="#"><i class="m-icon icon-cao-mei"></i>草莓</a> | |
126 | + </li> | |
127 | + <li class="item border-1px-full"> | |
128 | + <a href="#"><i class="m-icon icon-xiang-jiao"></i>香蕉</a> | |
129 | + </li> | |
130 | + <li class="item border-1px-full"> | |
131 | + <a href="#"><i class="m-icon icon-pu-tao"></i>葡萄</a> | |
132 | + </li> | |
133 | + | |
134 | + <li class="item border-1px-full"> | |
135 | + <a href="#"><i class="m-icon icon-ying-tao"></i>樱桃</a> | |
136 | + </li> | |
137 | + <li class="item border-1px-full"> | |
138 | + <a href="#"><i class="m-icon icon-xue-li"></i>梨</a> | |
139 | + </li> | |
140 | + <li class="item border-1px-full"> | |
141 | + <a href="#"><i class="m-icon icon-tao-zi"></i>桃子</a> | |
142 | + </li> | |
143 | + <li class="item border-1px-full"> | |
144 | + <a href="#"><i class="m-icon icon-pro-more"></i>更多</a> | |
145 | + </li> | |
146 | + </ul> | |
147 | + </div> | |
148 | + | |
149 | + <!-- 搜索 --> | |
150 | + <div class="s-page"> | |
151 | + <header class="m-header header-search"> | |
152 | + <div class="head"> | |
153 | + <span class="lt-bar m-icon icon-back white"></span> | |
154 | + <span class="m-dropdown"> | |
155 | + <span class="search-type-box current">商品</span> | |
156 | + <ul class="dropdown-items"> | |
157 | + <li class="item"><a href="javascript:;"><i class="m-icon icon-bag"></i>商品</a></li> | |
158 | + <li class="item"><a href="javascript:;"><i class="m-icon icon-shop"></i>店铺</a></li> | |
159 | + </ul> | |
160 | + </span> | |
161 | + <div class="search-box"> | |
162 | + <div class="input-wrap"> | |
163 | + <input type="text" id="search-val" class="m-input" placeholder="请输入关键字" autocomplete="off"> | |
164 | + </div> | |
165 | + </div> | |
166 | + <a href="/goods/searchByKeyword.do" ohref="/shop/getByKey.do" class="rt-bar text" id="search-btn">搜索</a> | |
167 | + </div> | |
168 | + </header> | |
169 | + <div class="content search-list" id="cotent"> | |
170 | + <!-- 搜索历史开始 --> | |
171 | + <ul class="m-table-view"></ul> | |
172 | + <!-- 搜索历史结束 --> | |
173 | + <div class="m-no-data m-hide"> | |
174 | + <div class="no-data-icon"></div> | |
175 | + <p>未查找到相关数据</p> | |
176 | + </div> | |
177 | + <div class="clear-history m-hide"> | |
178 | + <span class="m-btn">清空历史记录</span> | |
179 | + </div> | |
180 | + | |
181 | + </div> | |
182 | + </div> | |
183 | + | |
184 | + | |
185 | + <!-- app download --> | |
186 | + <div class="to-app-box"> | |
187 | + <div class="to-app-bg clearfix"> | |
188 | + <div class="ll"> | |
189 | + <span class="app-close"></span><span class="app-logo"></span><div class="app-info">下载农丰网APP<p>随时随地做生意</p></div> | |
190 | + </div> | |
191 | + <span class="app-download rr" id="applink"></span> | |
192 | + </div> | |
193 | + </div> | |
194 | + | |
195 | + <script type="text/template" id="productCategorysTmpl"> | |
196 | + <%_.each(productCategorys, function(item){%> | |
197 | + <li> | |
198 | + <a href="/category/getSecondCategory.do?id=<%=item.Id%>"> | |
199 | + <img src="<%=item.imgUrl%>"><div class="desc"> | |
200 | + <%=item.Name%><p><%=descText[item.Name] || '提供'+item.Name+'商品等'%></p> | |
201 | + </div> | |
202 | + </a> | |
203 | + </li> | |
204 | + <%})%> | |
205 | + </script> | |
206 | + <script> | |
207 | + seajs.use(['/js/javascript/index/index']); | |
208 | + </script> | |
209 | +</div> | |
210 | +</body> | |
211 | +</html> | |
0 | 212 | \ No newline at end of file | ... | ... |
2.0/infolist.html
0 → 100644
1 | +++ a/2.0/infolist.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>我的信息管理</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/infolist.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="infolist"> | |
20 | + <header class="m-header header-light"> | |
21 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
22 | + <div class="head"> | |
23 | + <ul class="m-segment tab-col-3"> | |
24 | + <li class="on"><a href="#" data-ajax="false" class="segment-text">供应</a></li> | |
25 | + <li><a href="#" data-ajax="false" class="segment-text">求购</a></li> | |
26 | + <li><a href="#" data-ajax="false" class="segment-text">预售</a></li> | |
27 | + </ul> | |
28 | + </div> | |
29 | + <a href="#" class="rt-bar text btn-edit">编辑</a> | |
30 | + </header> | |
31 | + | |
32 | + <ul class="m-tab status"> | |
33 | + <li class="on"><a href="javascript:;" data-ajax="false">全部</a></li> | |
34 | + <li><a href="javascript:;" data-ajax="false">进行中</a></li> | |
35 | + <li><a href="javascript:;" data-ajax="false">已过期</a></li> | |
36 | + <li><a href="javascript:;" data-ajax="false">审核失败</a></li> | |
37 | + </ul> | |
38 | + | |
39 | + <div class="pusher-panel padding10"> | |
40 | + <div class="column"> | |
41 | + <p class="name">东白萝卜</p> | |
42 | + <a href="#" class="status-label"> | |
43 | + 进行中 | |
44 | + </a> | |
45 | + <div class="field price"> | |
46 | + <span class="key">价格:</span><span class="value">0.8元/斤</span> | |
47 | + </div> | |
48 | + <div class="advice"> | |
49 | + 有机花菜近期行情不错,进行中,销量大,建议卖... | |
50 | + </div> | |
51 | + <hr> | |
52 | + <div class="clearfix bottom-row"> | |
53 | + <span class="addr">河北张家口北县</span> | |
54 | + <span class="time">3个小时前</span> | |
55 | + </div> | |
56 | + </div> | |
57 | + | |
58 | + <div class="column"> | |
59 | + <p class="name">东白萝卜</p> | |
60 | + <a href="#" class="status-label status-err"> | |
61 | + 审核失败 | |
62 | + </a> | |
63 | + <div class="field price"> | |
64 | + <span class="key">上市日期:</span><span class="value">7月-8月上市</span> | |
65 | + </div> | |
66 | + <div class="advice"> | |
67 | + 有机花菜近期行情不错,进行中,销量大,建议卖... | |
68 | + </div> | |
69 | + <hr> | |
70 | + <div class="clearfix bottom-row"> | |
71 | + <span class="addr">河北张家口北县</span> | |
72 | + <span class="time">3个小时前</span> | |
73 | + </div> | |
74 | + </div> | |
75 | + </div> | |
76 | + </div> | |
77 | + </body> | |
78 | +</html> | |
0 | 79 | \ No newline at end of file | ... | ... |
2.0/infolist_edit.html
0 → 100644
1 | +++ a/2.0/infolist_edit.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>我的信息管理</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/infolist.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="infolist" class="panel-open"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a> | |
23 | + <ul class="m-segment tab-col-3"> | |
24 | + <li class="on"><a href="#" data-ajax="false" class="segment-text">供应</a></li> | |
25 | + <li><a href="#" data-ajax="false" class="segment-text">求购</a></li> | |
26 | + <li><a href="#" data-ajax="false" class="segment-text">预售</a></li> | |
27 | + </ul> | |
28 | + <a href="#" class="rt-bar text btn-edit">完成</a> | |
29 | + </div> | |
30 | + </header> | |
31 | + | |
32 | + <ul class="m-tab status"> | |
33 | + <li class="on"><a href="javascript:;" data-ajax="false">全部</a></li> | |
34 | + <li><a href="javascript:;" data-ajax="false">进行中</a></li> | |
35 | + <li><a href="javascript:;" data-ajax="false">已过期</a></li> | |
36 | + <li><a href="javascript:;" data-ajax="false">审核失败</a></li> | |
37 | + </ul> | |
38 | + | |
39 | + <div class="selects-panel"> | |
40 | + <div class="s-one"> | |
41 | + <input type="checkbox" class="m-radio"> | |
42 | + </div> | |
43 | + <div class="s-one"> | |
44 | + <input type="checkbox" class="m-radio"> | |
45 | + </div> | |
46 | + <div class="s-one"> | |
47 | + <input type="checkbox" class="m-radio"> | |
48 | + </div> | |
49 | + </div> | |
50 | + <div class="pusher-panel padding10"> | |
51 | + <div class="column"> | |
52 | + <p class="name">东白萝卜</p> | |
53 | + <a href="#" class="status-label"> | |
54 | + 进行中 | |
55 | + </a> | |
56 | + <div class="field price"> | |
57 | + <span class="key">价格:</span><span class="value">0.8元/斤</span> | |
58 | + </div> | |
59 | + <div class="advice"> | |
60 | + 有机花菜近期行情不错,进行中,销量大,建议卖... | |
61 | + </div> | |
62 | + <hr> | |
63 | + <div class="clearfix bottom-row"> | |
64 | + <span class="addr">河北张家口北县</span> | |
65 | + <span class="time">3个小时前</span> | |
66 | + </div> | |
67 | + </div> | |
68 | + | |
69 | + <div class="column"> | |
70 | + <p class="name">东白萝卜</p> | |
71 | + <a href="#" class="status-label status-err"> | |
72 | + 审核失败 | |
73 | + </a> | |
74 | + <div class="field price"> | |
75 | + <span class="key">上市日期:</span><span class="value">7月-8月上市</span> | |
76 | + </div> | |
77 | + <div class="advice"> | |
78 | + 有机花菜近期行情不错,进行中,销量大,建议卖... | |
79 | + </div> | |
80 | + <hr> | |
81 | + <div class="clearfix bottom-row"> | |
82 | + <span class="addr">河北张家口北县</span> | |
83 | + <span class="time">3个小时前</span> | |
84 | + </div> | |
85 | + </div> | |
86 | + | |
87 | + <div class="column"> | |
88 | + <p class="name">东白萝卜</p> | |
89 | + <a href="#" class="status-label status-err"> | |
90 | + 审核失败 | |
91 | + </a> | |
92 | + <div class="field price"> | |
93 | + <span class="key">上市日期:</span><span class="value">7月-8月上市</span> | |
94 | + </div> | |
95 | + <div class="advice"> | |
96 | + 有机花菜近期行情不错,进行中,销量大,建议卖... | |
97 | + </div> | |
98 | + <hr> | |
99 | + <div class="clearfix bottom-row"> | |
100 | + <span class="addr">河北张家口北县</span> | |
101 | + <span class="time">3个小时前</span> | |
102 | + </div> | |
103 | + </div> | |
104 | + </div> | |
105 | + | |
106 | + <footer class="m-footer border-1px border-top"> | |
107 | + <a href="#" class="m-btn btn-large">取消</a> | |
108 | + <a href="#" class="m-btn btn-danger btn-large">立即删除</a> | |
109 | + </footer> | |
110 | + </div> | |
111 | + </body> | |
112 | +</html> | |
0 | 113 | \ No newline at end of file | ... | ... |
2.0/position-search.html
0 → 100644
1 | +++ a/2.0/position-search.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>产品列表</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body> | |
14 | + <link rel="stylesheet" href="../css/style/address-page.css"> | |
15 | + <link rel="stylesheet" href="../css/style/position.css"> | |
16 | + <div class="m-page" data-role="page" id="positionPage"> | |
17 | + <!-- header --> | |
18 | + <header class="m-header header-search header-light border-1px border-bottom"> | |
19 | + <div class="head"> | |
20 | + <span class="lt-bar"><i class="m-icon icon-back"></i></span> | |
21 | + <label class="search-box"> | |
22 | + <i class="m-icon icon-search float-left"></i> | |
23 | + <span class="input-wrap"> | |
24 | + <input type="text" class="m-input" placeholder="输入城市名称或拼音搜索" autocomplete="off"> | |
25 | + </span> | |
26 | + </label> | |
27 | + <a href="#" class="rt-bar text"><span class="font-green">搜索</span> </a> | |
28 | + </div> | |
29 | + </header> | |
30 | + <div class="m-content"> | |
31 | + <ul class="m-list-view"> | |
32 | + <li class="cell border-1px border-bottom"> | |
33 | + <span class="title font-gray">石家庄桥西批发市场</span> | |
34 | + </li> | |
35 | + <li class="cell border-1px border-bottom"> | |
36 | + <span class="title font-gray">石家庄桥西批发市场</span> | |
37 | + </li> | |
38 | + <li class="cell border-1px border-bottom"> | |
39 | + <span class="title font-gray">石家庄桥西批发市场</span> | |
40 | + </li> | |
41 | + <li class="cell border-1px border-bottom"> | |
42 | + <span class="title font-gray">石家庄桥西批发市场</span> | |
43 | + </li> | |
44 | + <li class="cell border-1px border-bottom"> | |
45 | + <span class="title font-gray">石家庄桥西批发市场</span> | |
46 | + </li> | |
47 | + </ul> | |
48 | + </div> | |
49 | + </div> | |
50 | +</body> | |
51 | + | |
52 | +</html> | ... | ... |
2.0/position.html
0 → 100644
1 | +++ a/2.0/position.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>产品列表</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body> | |
14 | + <link rel="stylesheet" href="../css/style/address-page.css"> | |
15 | + <link rel="stylesheet" href="../css/style/position.css"> | |
16 | + <div class="m-page" data-role="page" id="positionPage"> | |
17 | + <!-- header --> | |
18 | + <header class="m-header header-light header-search header-home border-1px border-bottom"> | |
19 | + <div class="head"> | |
20 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
21 | + <a href="position-search.html" class="search-box"> | |
22 | + <i class="m-icon icon-search float-left"></i> | |
23 | + <div class="input-wrap"> | |
24 | + <span class="m-input font-light">输入城市名称或拼音搜索</span> | |
25 | + </div> | |
26 | + </a> | |
27 | + </div> | |
28 | + </header> | |
29 | + <div class="m-content"> | |
30 | + <p class="tips">GPS定位您在石家庄,附近有</p> | |
31 | + <ul class="m-list-view"> | |
32 | + <li class="cell border-1px-full"><span class="title font-gray">四川成都市</span></li> | |
33 | + </ul> | |
34 | + <p class="section-title">推荐市场</p> | |
35 | + <div class="btn-group clearfix"> | |
36 | + <span class="m-btn btn-default">成都聚合</span> | |
37 | + <span class="m-btn btn-default">成都聚合</span> | |
38 | + <span class="m-btn btn-default">成都聚合</span> | |
39 | + <span class="m-btn btn-default">成都聚合</span> | |
40 | + <span class="m-btn btn-default">成都聚合</span> | |
41 | + <span class="m-btn btn-default">成都聚合</span> | |
42 | + </div> | |
43 | + <p class="section-title">按地区选择</p> | |
44 | + <ul class="m-list-view border-1px border-top"> | |
45 | + <li class="cell acc-icon border-1px border-bottom"> | |
46 | + <span class="title font-gray">北京</span> | |
47 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
48 | + </li> | |
49 | + <li class="cell acc-icon border-1px border-bottom"> | |
50 | + <span class="title font-gray">北京</span> | |
51 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
52 | + </li> | |
53 | + <li class="cell acc-icon border-1px border-bottom"> | |
54 | + <span class="title font-gray">北京</span> | |
55 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
56 | + </li> | |
57 | + <li class="cell acc-icon border-1px border-bottom"> | |
58 | + <span class="title font-gray">北京</span> | |
59 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
60 | + </li> | |
61 | + <li class="cell acc-icon border-1px border-bottom"> | |
62 | + <span class="title font-gray">北京</span> | |
63 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
64 | + </li> | |
65 | + </ul> | |
66 | + </div> | |
67 | + </div> | |
68 | + | |
69 | + <div class="m-page address-page"> | |
70 | + <!-- header --> | |
71 | + <header class="m-header header-light"> | |
72 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
73 | + <div class="head"> | |
74 | + <h1 class="font-gray">北京</h1> | |
75 | + </div> | |
76 | + </header> | |
77 | + <div class="m-content"> | |
78 | + <ul class="m-list-view border-1px border-top"> | |
79 | + <li class="cell acc-icon border-1px border-bottom"> | |
80 | + <span class="title font-gray">北京</span> | |
81 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
82 | + </li> | |
83 | + <li class="cell acc-icon border-1px border-bottom"> | |
84 | + <span class="title font-gray">北京</span> | |
85 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
86 | + </li> | |
87 | + <li class="cell acc-icon border-1px border-bottom"> | |
88 | + <span class="title font-gray">北京</span> | |
89 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
90 | + </li> | |
91 | + <li class="cell acc-icon border-1px border-bottom"> | |
92 | + <span class="title font-gray">北京</span> | |
93 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
94 | + </li> | |
95 | + <li class="cell acc-icon border-1px border-bottom"> | |
96 | + <span class="title font-gray">北京</span> | |
97 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
98 | + </li> | |
99 | + </ul> | |
100 | + </div> | |
101 | + </div> | |
102 | +</body> | |
103 | + | |
104 | +</html> | ... | ... |
2.0/presell_details.html
0 → 100644
1 | +++ a/2.0/presell_details.html | |
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-2.0.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 | +++ a/2.0/presell_list.html | |
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-2.0.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/product-detail.html
0 → 100644
1 | +++ a/2.0/product-detail.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta charset="UTF-8"> | |
6 | + <meta name="format-detection" content="telephone=no" /> | |
7 | + <meta name="msapplication-tap-highlight" content="no" /> | |
8 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
9 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
10 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" name="viewport" /> | |
11 | + <title>订单流程-商品详情</title> | |
12 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
13 | + <link rel="stylesheet" type="text/css" href="../css/style/idangerous.swiper.css"> | |
14 | + <link rel="stylesheet" href="../css/style/product_detail.css"> | |
15 | +</head> | |
16 | + | |
17 | +<body class="productDetail"> | |
18 | + <div class="m-page"> | |
19 | + <section class="m-content"> | |
20 | + <div id="slider" class="swiper-container slider"> | |
21 | + <div class="swiper-wrapper clearfix"> | |
22 | + <div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div> | |
23 | + <div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div> | |
24 | + <div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div> | |
25 | + <div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div> | |
26 | + <div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div> | |
27 | + </div> | |
28 | + | |
29 | + <a href="#" class="m-icon icon-circle-back"></a> | |
30 | + <a href="#" class="m-icon icon-circle-star"></a> | |
31 | + <a href="#" class="m-icon icon-circle-more"></a> | |
32 | + <a href="#" class="m-icon icon-circle-video"></a> | |
33 | + <span class="page-num">1/4</span> | |
34 | + </div> | |
35 | + <div class="summary border-1px border-bottom"> | |
36 | + <h3><span class="text">山东白萝卜,物美价廉,产地山东寿光产品批发市场...</span><a href="tel:10086" class="contact"><i class="m-icon icon-call"></i><br>致电</a> </h3> | |
37 | + <em class="font-red">0.8元/斤</em> | |
38 | + </div> | |
39 | + <div class="step-price border-1px border-bottom"> | |
40 | + <ul class="m-step"> | |
41 | + <li> | |
42 | + <span class="desc">100斤 起批</span> | |
43 | + <span class="price font-yellow">8.00元</span> | |
44 | + </li> | |
45 | + <li> | |
46 | + <span class="desc">11-200斤</span> | |
47 | + <span class="price font-orange">6.80元</span> | |
48 | + </li> | |
49 | + <li> | |
50 | + <span class="desc">11-200斤</span> | |
51 | + <span class="price font-red">5.2元</span> | |
52 | + </li> | |
53 | + </ul> | |
54 | + </div> | |
55 | + <div class="attributes border-1px border-bottom"> | |
56 | + <p>单箱数量:20个</p> | |
57 | + <p>产地:四川成都眉山市</p> | |
58 | + </div> | |
59 | + <div class="deal text-right border-1px border-bottom"> | |
60 | + <span class="float-left">已成交:20笔</span>所在地:黑龙江 | |
61 | + </div> | |
62 | + | |
63 | + <ul class="m-list-view border-1px-full review"> | |
64 | + <li class="cell acc-icon text-right"> | |
65 | + <span class="title text-left font-gray">用户评价 <span class="m-star"><span style="width:70%;"></span></span></span> | |
66 | + <span class="text font-gray">129条</span> | |
67 | + <span class="acc text-center"><i class="m-icon icon-arrow"></i></span> | |
68 | + </li> | |
69 | + </ul> | |
70 | + | |
71 | + <div class="shop border-1px-full"> | |
72 | + <a href="shop_detail.html"> | |
73 | + <img src="../temp/pic_hlb.jpg" width="50" height="50" alt="" class="cover"> | |
74 | + <h3>寿光小溪蔬菜批发</h3> | |
75 | + <p class="font-green medal">企业认证/实名认证</p> | |
76 | + <i class="m-icon icon-yjt"></i> | |
77 | + </a> | |
78 | + </div> | |
79 | + <div class="details border-1px-full"> | |
80 | + <table class="m-table"> | |
81 | + <tbody> | |
82 | + <tr> | |
83 | + <th>商品编号</th> | |
84 | + <td>1029201111</td> | |
85 | + </tr> | |
86 | + <tr> | |
87 | + <th>上架时间</th> | |
88 | + <td>2014-12-25 22:09:20</td> | |
89 | + </tr> | |
90 | + <tr> | |
91 | + <th>形状</th> | |
92 | + <td>段圆形状</td> | |
93 | + </tr> | |
94 | + <tr> | |
95 | + <th>颜色</th> | |
96 | + <td>红色</td> | |
97 | + </tr> | |
98 | + </tbody> | |
99 | + </table> | |
100 | +<!-- <p class="m-separate"><span>继续拖动,查看图文详情</span> | |
101 | + </p> --> | |
102 | + <div class="desc"> | |
103 | + 萝卜,十字花科、萝卜属二年或一年生草本,直根肉质,长圆形、球形或圆锥形,外皮绿色、白色或红色; | |
104 | + <img src="../temp/pic_hlb.jpg" alt="萝卜"> | |
105 | + </div> | |
106 | + </div> | |
107 | + </section> | |
108 | + <footer class="m-footer border-1px border-top"> | |
109 | + <div class="clearfix"> | |
110 | + <a href="shopping_list.html" class="m-icon icon-jrjhd shop-num"><i class="m-badge">2</i></a> | |
111 | + <a href="#product-buy" data-popup class="m-btn btn-warning btn-large">立即购买</a> | |
112 | + <a href="#product-buy" data-popup class="m-btn btn-success btn-large">加入采购单</a> | |
113 | + </div> | |
114 | + </footer> | |
115 | + </div> | |
116 | + <div class="product-buy-popup" id="product-buy"> | |
117 | + <div class="head clearfix"> | |
118 | + <a href="#product-buy" class="close" data-dismiss></a> | |
119 | + <ul class="m-table-view-old"> | |
120 | + <li> | |
121 | + <img src="../temp/pic_hlb.jpg" alt="" class="pic"> | |
122 | + <h3>0.8元/斤-2.4元/斤</h3> | |
123 | + <p>库存量:1000斤</p> | |
124 | + <p>最低采购量:100斤</p> | |
125 | + </li> | |
126 | + </ul> | |
127 | + </div> | |
128 | + <div class="content"> | |
129 | + <p class="field">品种:</p> | |
130 | + <div class="area"> | |
131 | + <span class="m-btn on">白萝卜</span> | |
132 | + <span class="m-btn">胡萝卜</span> | |
133 | + <span class="m-btn">青萝卜</span> | |
134 | + <span class="m-btn">紫萝卜</span> | |
135 | + <span class="m-btn disable">紫萝卜</span> | |
136 | + </div> | |
137 | + | |
138 | + <!-- <p class="field">提货点:</p> | |
139 | + <div class="area"> | |
140 | + <span class="m-btn on">山东寿光农产品物流园</span> | |
141 | + <span class="m-btn">四川聚合农产品</span> | |
142 | + </div> --> | |
143 | + | |
144 | + <p class="field">采购数量:</p> | |
145 | + <div class="area"> | |
146 | + <span class="m-input-number"> | |
147 | + <span class="reduce"></span> | |
148 | + <input type="number" step="1" min="1" value="1"> | |
149 | + <span class="add"></span> | |
150 | + </span> | |
151 | + </div> | |
152 | + <!-- <p class="field">为您推荐地利官方服务(可多选):</p> | |
153 | + <div class="area"> | |
154 | + <span class="m-btn on">保险预冷</span> | |
155 | + <span class="m-btn">理货包装</span> | |
156 | + <span class="m-btn">物流配送</span> | |
157 | + </div> --> | |
158 | + </div> | |
159 | + | |
160 | + <div class="bottom"><a href="order_confirm.html" class="m-btn">确定</a> | |
161 | + </div> | |
162 | + </div> | |
163 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
164 | + <script src="../js/javascript/common/swipe.js"></script> | |
165 | + <script> | |
166 | + seajs.use(['../js/javascript/common/popup', '../js/javascript/product/detail']); | |
167 | + </script> | |
168 | +</body> | |
169 | + | |
170 | +</html> | |
0 | 171 | \ No newline at end of file | ... | ... |
2.0/product-list-direct.html
0 → 100644
1 | +++ a/2.0/product-list-direct.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>产品列表</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body> | |
14 | + <link rel="stylesheet" href="../css/style/product_list_market.css"> | |
15 | + <div class="m-page" data-role="page" id="prodtctListPage"> | |
16 | + <!-- header --> | |
17 | + <header class="m-header header-light"> | |
18 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
19 | + <div class="head"> | |
20 | + <i class="m-icon icon-dwtb"></i> | |
21 | + <h1 class="font-gray">石家庄桥西批发市场</h1> | |
22 | + <i class="m-icon icon-arrow-down"></i> | |
23 | + </div> | |
24 | + </header> | |
25 | + <div class="m-content"> | |
26 | + <ul class="actions border-1px border-bottom"> | |
27 | + <li class="item"> | |
28 | + <a href="#"><i class="m-icon icon-spfl"></i><span class="text">商品分类</span></a> | |
29 | + </li> | |
30 | + <li class="item"> | |
31 | + <a href="#"><i class="m-icon icon-wlfw"></i><span class="text">物流服务</span></a> | |
32 | + </li> | |
33 | + <li class="item"> | |
34 | + <a href="#"><i class="m-icon icon-dgys"></i><span class="text">代购代验收</span></a> | |
35 | + </li> | |
36 | + </ul> | |
37 | + <h2 class="product-title">产地直供商品</h2> | |
38 | + <!-- 商品列表 --> | |
39 | + <ul class="m-list-view border-1px border-top"> | |
40 | + <li class="cell cell-pic border-1px border-bottom"> | |
41 | + <a href="#"> | |
42 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
43 | + <div class="cont"> | |
44 | + <h3>山东白萝卜,物美价廉</h3> | |
45 | + <em class="font-red">170-180元/箱</em> | |
46 | + <p>胖丫果业... 主营:橘子 柚子... | |
47 | + <br>辽宁沈阳地利批发市场5号厅</p> | |
48 | + </div> | |
49 | + </a> | |
50 | + </li> | |
51 | + <li class="cell cell-pic border-1px border-bottom"> | |
52 | + <a href="#"> | |
53 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
54 | + <div class="cont"> | |
55 | + <h3>山东白萝卜,物美价廉</h3> | |
56 | + <em class="font-red">170-180元/箱</em> | |
57 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
58 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
59 | + </div> | |
60 | + </a> | |
61 | + </li> | |
62 | + <li class="cell cell-pic border-1px border-bottom"> | |
63 | + <a href="#"> | |
64 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
65 | + <div class="cont"> | |
66 | + <h3>山东白萝卜,物美价廉</h3> | |
67 | + <em class="font-red">170-180元/箱</em> | |
68 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
69 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
70 | + </div> | |
71 | + </a> | |
72 | + </li> | |
73 | + <li class="cell cell-pic border-1px border-bottom"> | |
74 | + <a href="#"> | |
75 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
76 | + <div class="cont"> | |
77 | + <h3>山东白萝卜,物美价廉</h3> | |
78 | + <em class="font-red">170-180元/箱</em> | |
79 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
80 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
81 | + </div> | |
82 | + </a> | |
83 | + </li> | |
84 | + <li class="cell cell-pic border-1px border-bottom"> | |
85 | + <a href="#"> | |
86 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
87 | + <div class="cont"> | |
88 | + <h3>山东白萝卜,物美价廉</h3> | |
89 | + <em class="font-red">170-180元/箱</em> | |
90 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
91 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
92 | + </div> | |
93 | + </a> | |
94 | + </li> | |
95 | + <li class="cell cell-pic border-1px border-bottom"> | |
96 | + <a href="#"> | |
97 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
98 | + <div class="cont"> | |
99 | + <h3>山东白萝卜,物美价廉</h3> | |
100 | + <em class="font-red">170-180元/箱</em> | |
101 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
102 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
103 | + </div> | |
104 | + </a> | |
105 | + </li> | |
106 | + </ul> | |
107 | + </div> | |
108 | + <a href="#" class="back-to-top"> | |
109 | + <i class="m-icon icon-back-top"></i> | |
110 | + </a> | |
111 | + </div> | |
112 | +</body> | |
113 | + | |
114 | +</html> | ... | ... |
2.0/product-list-market.html
0 → 100644
1 | +++ a/2.0/product-list-market.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>产品列表</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body> | |
14 | + <link rel="stylesheet" href="../css/style/product_list_market.css"> | |
15 | + <div class="m-page" data-role="page" id="prodtctListPage"> | |
16 | + <!-- header --> | |
17 | + <header class="m-header header-light"> | |
18 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
19 | + <div class="head"> | |
20 | + <i class="m-icon icon-dwtb"></i> | |
21 | + <h1 class="font-gray">石家庄桥西批发市场</h1> | |
22 | + <i class="m-icon icon-arrow-down"></i> | |
23 | + </div> | |
24 | + </header> | |
25 | + <div class="m-content"> | |
26 | + <ul class="actions border-1px border-bottom"> | |
27 | + <li class="item"> | |
28 | + <a href="#"><i class="m-icon icon-spfl"></i><span class="text">商品分类</span></a> | |
29 | + </li> | |
30 | + <li class="item"> | |
31 | + <a href="#"><i class="m-icon icon-wlfw"></i><span class="text">物流服务</span></a> | |
32 | + </li> | |
33 | + <li class="item"> | |
34 | + <a href="#"><i class="m-icon icon-dgys"></i><span class="text">代购代验收</span></a> | |
35 | + </li> | |
36 | + </ul> | |
37 | + <h2 class="product-title">批发市场商品</h2> | |
38 | + <!-- 商品列表 --> | |
39 | + <ul class="m-list-view border-1px border-top"> | |
40 | + <li class="cell cell-pic border-1px border-bottom"> | |
41 | + <a href="#"> | |
42 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
43 | + <div class="cont"> | |
44 | + <h3>山东白萝卜,物美价廉</h3> | |
45 | + <em class="font-red">170-180元/箱</em> | |
46 | + <p>胖丫果业... 主营:橘子 柚子... | |
47 | + <br>辽宁沈阳地利批发市场5号厅</p> | |
48 | + </div> | |
49 | + </a> | |
50 | + </li> | |
51 | + <li class="cell cell-pic border-1px border-bottom"> | |
52 | + <a href="#"> | |
53 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
54 | + <div class="cont"> | |
55 | + <h3>山东白萝卜,物美价廉</h3> | |
56 | + <em class="font-red">170-180元/箱</em> | |
57 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
58 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
59 | + </div> | |
60 | + </a> | |
61 | + </li> | |
62 | + <li class="cell cell-pic border-1px border-bottom"> | |
63 | + <a href="#"> | |
64 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
65 | + <div class="cont"> | |
66 | + <h3>山东白萝卜,物美价廉</h3> | |
67 | + <em class="font-red">170-180元/箱</em> | |
68 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
69 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
70 | + </div> | |
71 | + </a> | |
72 | + </li> | |
73 | + <li class="cell cell-pic border-1px border-bottom"> | |
74 | + <a href="#"> | |
75 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
76 | + <div class="cont"> | |
77 | + <h3>山东白萝卜,物美价廉</h3> | |
78 | + <em class="font-red">170-180元/箱</em> | |
79 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
80 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
81 | + </div> | |
82 | + </a> | |
83 | + </li> | |
84 | + <li class="cell cell-pic border-1px border-bottom"> | |
85 | + <a href="#"> | |
86 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
87 | + <div class="cont"> | |
88 | + <h3>山东白萝卜,物美价廉</h3> | |
89 | + <em class="font-red">170-180元/箱</em> | |
90 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
91 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
92 | + </div> | |
93 | + </a> | |
94 | + </li> | |
95 | + <li class="cell cell-pic border-1px border-bottom"> | |
96 | + <a href="#"> | |
97 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
98 | + <div class="cont"> | |
99 | + <h3>山东白萝卜,物美价廉</h3> | |
100 | + <em class="font-red">170-180元/箱</em> | |
101 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
102 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
103 | + </div> | |
104 | + </a> | |
105 | + </li> | |
106 | + </ul> | |
107 | + </div> | |
108 | + <a href="#" class="back-to-top"> | |
109 | + <i class="m-icon icon-back-top"></i> | |
110 | + </a> | |
111 | + </div> | |
112 | +</body> | |
113 | + | |
114 | +</html> | ... | ... |
2.0/product-list-retail.html
0 → 100644
1 | +++ a/2.0/product-list-retail.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>产品列表</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body> | |
14 | + <link rel="stylesheet" href="../css/style/product_list_market.css"> | |
15 | + <div class="m-page" data-role="page" id="prodtctListPage"> | |
16 | + <!-- header --> | |
17 | + <header class="m-header header-light"> | |
18 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
19 | + <div class="head"> | |
20 | + <i class="m-icon icon-dwtb"></i> | |
21 | + <h1 class="font-gray">石家庄市</h1> | |
22 | + <i class="m-icon icon-arrow-down"></i> | |
23 | + </div> | |
24 | + </header> | |
25 | + <div class="m-content"> | |
26 | + <ul class="actions border-1px border-bottom"> | |
27 | + <li class="item"> | |
28 | + <a href="#"><i class="m-icon icon-scl"></i><span class="text">蔬菜单</span></a> | |
29 | + </li> | |
30 | + <li class="item"> | |
31 | + <a href="#"><i class="m-icon icon-sgl_20150825111731"></i><span class="text">水果类</span></a> | |
32 | + </li> | |
33 | + <li class="item"> | |
34 | + <a href="#"><i class="m-icon icon-qtzl"></i><span class="text">其它种类</span></a> | |
35 | + </li> | |
36 | + </ul> | |
37 | + <h2 class="product-title">批发市场商品</h2> | |
38 | + <!-- 商品列表 --> | |
39 | + <ul class="m-list-view border-1px border-top"> | |
40 | + <li class="cell cell-pic border-1px border-bottom"> | |
41 | + <a href="#"> | |
42 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
43 | + <div class="cont"> | |
44 | + <h3>山东白萝卜,物美价廉</h3> | |
45 | + <em class="font-red">170-180元/箱</em> | |
46 | + <p>胖丫果业... 主营:橘子 柚子... | |
47 | + <br>辽宁沈阳地利批发市场5号厅</p> | |
48 | + </div> | |
49 | + </a> | |
50 | + </li> | |
51 | + <li class="cell cell-pic border-1px border-bottom"> | |
52 | + <a href="#"> | |
53 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
54 | + <div class="cont"> | |
55 | + <h3>山东白萝卜,物美价廉</h3> | |
56 | + <em class="font-red">170-180元/箱</em> | |
57 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
58 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
59 | + </div> | |
60 | + </a> | |
61 | + </li> | |
62 | + <li class="cell cell-pic border-1px border-bottom"> | |
63 | + <a href="#"> | |
64 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
65 | + <div class="cont"> | |
66 | + <h3>山东白萝卜,物美价廉</h3> | |
67 | + <em class="font-red">170-180元/箱</em> | |
68 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
69 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
70 | + </div> | |
71 | + </a> | |
72 | + </li> | |
73 | + <li class="cell cell-pic border-1px border-bottom"> | |
74 | + <a href="#"> | |
75 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
76 | + <div class="cont"> | |
77 | + <h3>山东白萝卜,物美价廉</h3> | |
78 | + <em class="font-red">170-180元/箱</em> | |
79 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
80 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
81 | + </div> | |
82 | + </a> | |
83 | + </li> | |
84 | + <li class="cell cell-pic border-1px border-bottom"> | |
85 | + <a href="#"> | |
86 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
87 | + <div class="cont"> | |
88 | + <h3>山东白萝卜,物美价廉</h3> | |
89 | + <em class="font-red">170-180元/箱</em> | |
90 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
91 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
92 | + </div> | |
93 | + </a> | |
94 | + </li> | |
95 | + <li class="cell cell-pic border-1px border-bottom"> | |
96 | + <a href="#"> | |
97 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
98 | + <div class="cont"> | |
99 | + <h3>山东白萝卜,物美价廉</h3> | |
100 | + <em class="font-red">170-180元/箱</em> | |
101 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
102 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
103 | + </div> | |
104 | + </a> | |
105 | + </li> | |
106 | + </ul> | |
107 | + </div> | |
108 | + <a href="#" class="back-to-top"> | |
109 | + <i class="m-icon icon-back-top"></i> | |
110 | + </a> | |
111 | + </div> | |
112 | +</body> | |
113 | + | |
114 | +</html> | ... | ... |
2.0/product_list.html
0 → 100644
1 | +++ a/2.0/product_list.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> | |
6 | + <meta content="telephone=no" name="format-detection" /> | |
7 | + <meta content="black" name="apple-mobile-web-app-status-bar-style" /> | |
8 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
9 | + <title>产品列表</title> | |
10 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
11 | +</head> | |
12 | + | |
13 | +<body> | |
14 | + <link rel="stylesheet" href="../css/style/product_list.css"> | |
15 | + <div class="m-page" data-role="page" id="prodtctListPage"> | |
16 | + <!-- header --> | |
17 | + <header class="m-header header-light"> | |
18 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
19 | + <div class="head"> | |
20 | + <ul class="m-segment tab-col-4"> | |
21 | + <li class="on"><a href="#" class="segment-text">市场</a></li> | |
22 | + <li><a href="#" class="segment-text">产地</a></li> | |
23 | + <li><a href="#" class="segment-text">零售</a></li> | |
24 | + <li><a href="#" class="segment-text">农户</a></li> | |
25 | + </ul> | |
26 | + </div> | |
27 | + <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a> | |
28 | + </header> | |
29 | + <div class="m-content"> | |
30 | + <!-- 排序tab --> | |
31 | + <ul class="m-tab tab-col-4"> | |
32 | + <li class="on"><a href="#">默认</a></li> | |
33 | + <li><a href="#">销量</a></li> | |
34 | + <li><a href="#">价格 <i class="m-icon icon-up-down"></i></a></li> | |
35 | + <li><a href="#">上架时间</a></li> | |
36 | + </ul> | |
37 | + | |
38 | + <!-- 商品列表 --> | |
39 | + <ul class="m-list-view border-1px border-top"> | |
40 | + <li class="cell cell-pic border-1px border-bottom"> | |
41 | + <a href="#"> | |
42 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
43 | + <div class="cont"> | |
44 | + <h3>山东白萝卜,物美价廉</h3> | |
45 | + <em class="font-red">170-180元/箱</em> | |
46 | + <p>胖丫果业... 主营:橘子 柚子... | |
47 | + <br>辽宁沈阳地利批发市场5号厅</p> | |
48 | + </div> | |
49 | + </a> | |
50 | + </li> | |
51 | + <li class="cell cell-pic border-1px border-bottom"> | |
52 | + <a href="#"> | |
53 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
54 | + <div class="cont"> | |
55 | + <h3>山东白萝卜,物美价廉</h3> | |
56 | + <em class="font-red">170-180元/箱</em> | |
57 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
58 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
59 | + </div> | |
60 | + </a> | |
61 | + </li> | |
62 | + <li class="cell cell-pic border-1px border-bottom"> | |
63 | + <a href="#"> | |
64 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
65 | + <div class="cont"> | |
66 | + <h3>山东白萝卜,物美价廉</h3> | |
67 | + <em class="font-red">170-180元/箱</em> | |
68 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
69 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
70 | + </div> | |
71 | + </a> | |
72 | + </li> | |
73 | + <li class="cell cell-pic border-1px border-bottom"> | |
74 | + <a href="#"> | |
75 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
76 | + <div class="cont"> | |
77 | + <h3>山东白萝卜,物美价廉</h3> | |
78 | + <em class="font-red">170-180元/箱</em> | |
79 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
80 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
81 | + </div> | |
82 | + </a> | |
83 | + </li> | |
84 | + <li class="cell cell-pic border-1px border-bottom"> | |
85 | + <a href="#"> | |
86 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
87 | + <div class="cont"> | |
88 | + <h3>山东白萝卜,物美价廉</h3> | |
89 | + <em class="font-red">170-180元/箱</em> | |
90 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
91 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
92 | + </div> | |
93 | + </a> | |
94 | + </li> | |
95 | + <li class="cell cell-pic border-1px border-bottom"> | |
96 | + <a href="#"> | |
97 | + <img src="../temp/pic_80.png" width="80" height="80" alt="" class="pic"> | |
98 | + <div class="cont"> | |
99 | + <h3>山东白萝卜,物美价廉</h3> | |
100 | + <em class="font-red">170-180元/箱</em> | |
101 | + <p>胖丫果业... 主营:橘子 柚子...</p> | |
102 | + <p>辽宁沈阳地利批发市场5号厅</p> | |
103 | + </div> | |
104 | + </a> | |
105 | + </li> | |
106 | + </ul> | |
107 | + </div> | |
108 | + <a href="#" class="back-to-top"> | |
109 | + <i class="m-icon icon-back-top"></i> | |
110 | + </a> | |
111 | + </div> | |
112 | + <div class="m-mask"></div> | |
113 | + <div class="m-popup" id="product-filter-popup"> | |
114 | + <div class="product-filter"> | |
115 | + <ul class="m-list-view"> | |
116 | + <li class="cell text-right border-1px border-bottom"> | |
117 | + <span class="text float-left">价格区间(元)</span> | |
118 | + <input type="text" class="m-input input-small text-center"> | |
119 | + <span class="separate font-gray">~</span> | |
120 | + <input type="text" class="m-input input-small text-center"> | |
121 | + </li> | |
122 | + <li class="cell text-right border-1px border-bottom"> | |
123 | + <span class="text float-left">起批量</span> | |
124 | + <input type="text" class="m-input input-large text-center"> | |
125 | + <span class="text font-gray"> 以下起订</span> | |
126 | + </li> | |
127 | + <li class="cell acc-icon border-1px border-bottom"> | |
128 | + <span class="text filed">品种</span> | |
129 | + <span class="acc"><i class="m-icon icon-lsjt"></i></span> | |
130 | + <div class="btn-group clearfix"> | |
131 | + <span class="m-btn">杏鲍菇</span> | |
132 | + <span class="m-btn btn-success">杏鲍菇</span> | |
133 | + <span class="m-btn">杏鲍菇</span> | |
134 | + <span class="m-btn">杏鲍菇</span> | |
135 | + <span class="m-btn">杏鲍菇</span> | |
136 | + <span class="m-btn">杏鲍菇</span> | |
137 | + </div> | |
138 | + </li> | |
139 | + <li class="cell acc-icon border-1px border-bottom"> | |
140 | + <span class="text filed">产地</span> | |
141 | + <span class="acc"><i class="m-icon icon-lsjt"></i></span> | |
142 | + <div class="btn-group clearfix"> | |
143 | + <span class="m-btn">四川</span> | |
144 | + <span class="m-btn btn-success">广州</span> | |
145 | + <span class="m-btn">上海</span> | |
146 | + <span class="m-btn">北京</span> | |
147 | + <span class="m-btn">沈阳</span> | |
148 | + <span class="m-btn">哈尔滨</span> | |
149 | + </div> | |
150 | + </li> | |
151 | + </ul> | |
152 | + <div class="pop-foot border-1px border-top"> | |
153 | + <a href="#" class="m-btn btn-large">重置</a> | |
154 | + <a href="#" class="m-btn btn-large btn-success">确定</a> | |
155 | + </div> | |
156 | + </div> | |
157 | + </div> | |
158 | +</body> | |
159 | + | |
160 | +</html> | ... | ... |
2.0/searchtab01.html
0 → 100644
1 | +++ a/2.0/searchtab01.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>带tab的 搜索01</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/searchtab.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 | + | |
20 | +<body id="serachtab"> | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a> | |
25 | + <ul class="m-tab" searchtab> | |
26 | + <li class="active" ><a href="javascript:;" data-target="tab-content-goods">商品</a></li> | |
27 | + <li class=""><a href="javascript:;" data-target="tab-content-store">店铺</i></a></li> | |
28 | + </ul> | |
29 | + </div> | |
30 | + </header> | |
31 | + <section class="m-content tab-content"> | |
32 | + <div id="tab-content-goods"> | |
33 | + <form class="m-form inline-form"> | |
34 | + <input type="text" autocomplete="off" class="m-input" placeholder="输入要搜索的商品"> | |
35 | + <button class="m-btn btn-success btn-search">搜 索</button> | |
36 | + </form> | |
37 | + </div> | |
38 | + | |
39 | + <div id="tab-content-store" class="m-hide"> | |
40 | + <form class="m-form inline-form"> | |
41 | + <input type="text" autocomplete="off" class="m-input" placeholder="输入要搜索的店铺"> | |
42 | + <button class="m-btn btn-success btn-search">搜 索</button> | |
43 | + </form> | |
44 | + </div> | |
45 | + </section> | |
46 | + </div> | |
47 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
48 | + <script type="text/javascript"> | |
49 | + seajs.use( ['../js/javascript/search/searchtab.js']); | |
50 | + </script> | |
51 | +</body> | |
52 | +</html> | |
0 | 53 | \ No newline at end of file | ... | ... |
2.0/searchtab02.html
0 → 100644
1 | +++ a/2.0/searchtab02.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>带tab的 搜索02(带搜索结果)</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/searchtab.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 | + | |
20 | +<body id="serachtab"> | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a> | |
25 | + <ul class="m-tab"> | |
26 | + <li class="" ><a href="javascript:;" data-target="tab-content-goods">商品</a></li> | |
27 | + <li class="active"><a href="javascript:;" data-target="tab-content-store">店铺</i></a></li> | |
28 | + </ul> | |
29 | + </div> | |
30 | + </header> | |
31 | + <section class="m-content tab-content"> | |
32 | + <div id="tab-content-goods" class="m-hide"> | |
33 | + <form class="m-form inline-form"> | |
34 | + <input type="text" autocomplete="off" class="m-input" placeholder="输入要搜索的商品"> | |
35 | + <button class="m-btn btn-success btn-search">搜 索</button> | |
36 | + </form> | |
37 | + </div> | |
38 | + | |
39 | + <div id="tab-content-store"> | |
40 | + <form class="m-form inline-form"> | |
41 | + <input type="text" autocomplete="off" class="m-input" placeholder="输入要搜索的店铺"> | |
42 | + <button class="m-btn btn-success btn-search">搜 索</button> | |
43 | + </form> | |
44 | + <div class="m-table-view sort-left"> | |
45 | + <ul id="search-rs-list"> | |
46 | + <li class="cell on" > | |
47 | + <a class="title" href="#">测试店铺1</a> | |
48 | + </li> | |
49 | + <li class="cell" > | |
50 | + <a class="title" href="#">测试店铺2</a> | |
51 | + </li> | |
52 | + </ul> | |
53 | + </div> | |
54 | + </div> | |
55 | + </section> | |
56 | + </div> | |
57 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
58 | +</body> | |
59 | +</html> | |
0 | 60 | \ No newline at end of file | ... | ... |
2.0/storedetail.html
0 → 100644
1 | +++ a/2.0/storedetail.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>店铺详情</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/storedetail.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="storedetail"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>店铺详情</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="top"> | |
28 | + <div class="shop"> | |
29 | + <a class="display-block" href="#"> | |
30 | + <img src="../images/src/3.hua-cai.png" alt="" class="cover"> | |
31 | + <h3 class="title"> | |
32 | + <i class="m-icon icon-medal-gold"></i> | |
33 | + 寿光合作社 | |
34 | + </h3> | |
35 | + <p class="main-cate"> | |
36 | + <span class="key"> | |
37 | + 主营产品 | |
38 | + </span> | |
39 | + <span class="value">水果</span> | |
40 | + </p> | |
41 | + <p class="localtion"> | |
42 | + 四川 成都 | |
43 | + </p> | |
44 | + <p class="text from-label">产地直供</p> | |
45 | + <i class="m-icon icon-sdrz store-label"></i> | |
46 | + </a> | |
47 | + </div> | |
48 | + <div class="user-tools"> | |
49 | + <ul class="clearfix"> | |
50 | + <li> | |
51 | + <a href="#"> | |
52 | + <span class="m-icon icon-star white"></span> | |
53 | + <span>收藏店铺</span> | |
54 | + </a> | |
55 | + </li> | |
56 | + <li class="br"> | |
57 | + <a href="tel:1300000000"> | |
58 | + <span class="m-icon icon-phone white"></span> | |
59 | + <span>联系卖家</span> | |
60 | + </a> | |
61 | + </li> | |
62 | + </ul> | |
63 | + </div> | |
64 | + </div> | |
65 | + <div class="tabs clearfix"> | |
66 | + <ul class="m-segment tab-col-2"> | |
67 | + <li class="on"><a href="#" data-ajax="false" class="segment-text">全部商品</a> | |
68 | + </li> | |
69 | + <li><a href="#" data-ajax="false" class="segment-text">按销量</a> | |
70 | + </li> | |
71 | + </ul> | |
72 | + </div> | |
73 | + <div class="targets"> | |
74 | + <ul class="m-table-view"> | |
75 | + <li class="cell cell-extend-pic"> | |
76 | + <a class="display-block" href="#"> | |
77 | + <img src="http://img1.nong12.com/images/i3/db3710ffdecf4ee3bfd933518e29ac8e.jpeg" width="80" height="80" alt="" class="pic"> | |
78 | + <h3 class="title">【clj0817】生菜产地河北秦皇岛市</h3> | |
79 | + <p class="btm"><em>¥0.60/斤</em></p> | |
80 | + </a> | |
81 | + </li> | |
82 | + </ul> | |
83 | + <ul class="m-table-view"> | |
84 | + <li class="cell cell-extend-pic"> | |
85 | + <a class="display-block" href="#"> | |
86 | + <img src="http://img1.nong12.com/images/i3/db3710ffdecf4ee3bfd933518e29ac8e.jpeg" width="80" height="80" alt="" class="pic"> | |
87 | + <h3 class="title">【clj0817】生菜产地河北秦皇岛市</h3> | |
88 | + <p class="btm"><em>¥0.60/斤</em></p> | |
89 | + </a> | |
90 | + </li> | |
91 | + </ul> | |
92 | + <ul class="m-table-view"> | |
93 | + <li class="cell cell-extend-pic"> | |
94 | + <a class="display-block" href="#"> | |
95 | + <img src="http://img1.nong12.com/images/i3/db3710ffdecf4ee3bfd933518e29ac8e.jpeg" width="80" height="80" alt="" class="pic"> | |
96 | + <h3 class="title">【clj0817】生菜产地河北秦皇岛市</h3> | |
97 | + <p class="btm"><em>¥0.60/斤</em></p> | |
98 | + </a> | |
99 | + </li> | |
100 | + </ul> | |
101 | + </div> | |
102 | + </section> | |
103 | + </div> | |
104 | + </body> | |
105 | +</html> | |
0 | 106 | \ No newline at end of file | ... | ... |
2.0/storefinfo.html
0 → 100644
1 | +++ a/2.0/storefinfo.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>店铺资料</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/storefinfo.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="storefinfo"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>店铺资料</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="m-table-view"> | |
28 | + <ul> | |
29 | + <li class="cell"> | |
30 | + <h2>店铺详情</h2> | |
31 | + <p><h3 class="title">店铺名称:</h3><span class="text cont"> 大罗头水果店铺</span></p> | |
32 | + <p><h3 class="title">经营类目:</h3><span class="text cont"> 水果</span></p> | |
33 | + <p><h3 class="title">开店时间:</h3><span class="text cont"> 2014-05-20</span></p> | |
34 | + <p><h3 class="title">店铺类型:</h3><span class="text cont"> 产地直供</span></p> | |
35 | + <p><h3 class="title">经营类型:</h3><span class="text cont"> 销售</span></p> | |
36 | + <p><h3 class="title">主营产品:</h3><span class="text cont"> 苹果,香蕉</span></p> | |
37 | + </li> | |
38 | + </ul> | |
39 | + </div> | |
40 | + <div class="m-table-view"> | |
41 | + <ul> | |
42 | + <li class="cell"> | |
43 | + <h2>联系方式</h2> | |
44 | + <p><h3 class="title">张老师 028-86668666</h3></p> | |
45 | + <p><h3 class="title">四川省 成都市 天府广场左侧物资大厦</h3></p> | |
46 | + </li> | |
47 | + </ul> | |
48 | + </div> | |
49 | + <div class="m-table-view"> | |
50 | + <ul> | |
51 | + <li class="cell"> | |
52 | + <h2>店铺详情</h2> | |
53 | + <p class="store-intro"> | |
54 | + 介绍一些店铺相关的内容。。。图文结合 | |
55 | + </p> | |
56 | + </li> | |
57 | + </ul> | |
58 | + </div> | |
59 | + | |
60 | + </section> | |
61 | + </div> | |
62 | + </body> | |
63 | +</html> | |
0 | 64 | \ No newline at end of file | ... | ... |
2.0/storelist.html
0 → 100644
1 | +++ a/2.0/storelist.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta charset="UTF-8"> | |
6 | + <meta name="format-detection" content="telephone=no" /> | |
7 | + <meta name="msapplication-tap-highlight" content="no" /> | |
8 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
9 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
10 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
11 | + <title>店铺列表</title> | |
12 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
13 | + <link rel="stylesheet" href="../css/style/storelist.css"> | |
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 | + | |
20 | +<body> | |
21 | + <div data-role="page" id="storelist"> | |
22 | + <!-- <header class="m-header header-search header-light"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <div class="search-box h-search"> | |
26 | + <i class="m-icon icon-search-w"></i> | |
27 | + <input type="text" placeholder="输入城市名称或拼音搜索"> | |
28 | + </div> | |
29 | + <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a> | |
30 | + </div> | |
31 | + </header> --> | |
32 | + <!-- header --> | |
33 | + <header class="m-header header-search header-light border-1px border-bottom"> | |
34 | + <div class="head"> | |
35 | + <span class="lt-bar"><i class="m-icon icon-back"></i></span> | |
36 | + <label class="search-box"> | |
37 | + <i class="m-icon icon-search float-left"></i> | |
38 | + <span class="input-wrap"> | |
39 | + <input type="text" class="m-input" placeholder="输入城市名称或拼音搜索" autocomplete="off"> | |
40 | + </span> | |
41 | + </label> | |
42 | + <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a> | |
43 | + </div> | |
44 | + </header> | |
45 | + <section class="m-content"> | |
46 | + <ul class="m-tab"> | |
47 | + <li class="on"><a href="javascript:;" data-ajax="false">综合排序</a></li> | |
48 | + <li><a href="javascript:;" data-ajax="false">产地</a></li> | |
49 | + <li><a href="javascript:;" data-ajax="false">市场</a></li> | |
50 | + <li><a href="javascript:;" data-ajax="false">同城</a></li> | |
51 | + <li><a href="javascript:;" data-ajax="false">农户</a></li> | |
52 | + </ul> | |
53 | + <ul class="m-table-view"> | |
54 | + <li class="cell cell-extend-pic"> | |
55 | + <a class="display-block" href="#"> | |
56 | + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic"> | |
57 | + <h3 class="title"> | |
58 | + <i class="m-icon icon-medal-gold"></i> | |
59 | + 寿光合作社 | |
60 | + </h3> | |
61 | + <p class="main-cate"> | |
62 | + <span class="key"> | |
63 | + 主营产品 | |
64 | + </span> | |
65 | + <span class="value">水果<span class="value-red">(售)</span></span> | |
66 | + </p> | |
67 | + <p class="localtion"> | |
68 | + 四川 成都 | |
69 | + </p> | |
70 | + <p class="order-numbers"> | |
71 | + 成交量0笔 | |
72 | + </p> | |
73 | + <p class="text from-label">产地直供</p> | |
74 | + <i class="m-icon icon-sdrz store-label"></i> | |
75 | + </a> | |
76 | + </li> | |
77 | + <li class="cell cell-extend-pic"> | |
78 | + <a class="display-block" href="#"> | |
79 | + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic"> | |
80 | + <h3 class="title"> | |
81 | + <i class="m-icon icon-medal-gold"></i> | |
82 | + 寿光合作社 | |
83 | + </h3> | |
84 | + <p class="main-cate"> | |
85 | + <span class="key"> | |
86 | + 主营产品 | |
87 | + </span> | |
88 | + <span class="value">水果<span class="value-blue">(购)</span></span> | |
89 | + </p> | |
90 | + <p class="localtion"> | |
91 | + 四川 成都 | |
92 | + </p> | |
93 | + <p class="order-numbers"> | |
94 | + 成交量0笔 | |
95 | + </p> | |
96 | + <p class="text from-label">产地直供</p> | |
97 | + <i class="m-icon icon-sdrz store-label"></i> | |
98 | + </a> | |
99 | + </li> | |
100 | + <li class="cell cell-extend-pic"> | |
101 | + <a class="display-block" href="#"> | |
102 | + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic"> | |
103 | + <h3 class="title"> | |
104 | + <i class="m-icon icon-medal-sliver"></i> | |
105 | + 寿光合作社 | |
106 | + </h3> | |
107 | + <p class="main-cate"> | |
108 | + <span class="key"> | |
109 | + 主营产品 | |
110 | + </span> | |
111 | + <span class="value">水果<span class="value-blue">(购)</span></span> | |
112 | + </p> | |
113 | + <p class="localtion"> | |
114 | + 四川 成都 | |
115 | + </p> | |
116 | + <p class="order-numbers"> | |
117 | + 成交量0笔 | |
118 | + </p> | |
119 | + <p class="text from-label">产地直供</p> | |
120 | + <i class="m-icon icon-sxsj store-label"></i> | |
121 | + </a> | |
122 | + </li> | |
123 | + </ul> | |
124 | + </section> | |
125 | + </div> | |
126 | +</body> | |
127 | + | |
128 | +</html> | ... | ... |
2.0/supply_details.html
0 → 100644
1 | +++ a/2.0/supply_details.html | |
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-2.0.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 | +++ a/2.0/supply_list.html | |
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-2.0.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 | ... | ... |
2.0/transit.html
0 → 100644
1 | +++ a/2.0/transit.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>物流商户列表</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/transit.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="transit"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>物流商户列表</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="padding10"> | |
28 | + <form action="" class="inline-form"> | |
29 | + <input type="text" value="北京"> | |
30 | + <span class="divied">至</span> | |
31 | + <input type="text" placeholder="目的地"> | |
32 | + <span class="m-btn">搜索</span> | |
33 | + </form> | |
34 | + | |
35 | + <div class="column"> | |
36 | + <p class="name">顺达货站</p> | |
37 | + <p class="links">寿光-北京、寿光-南京、寿光-沈阳、哈尔滨</p> | |
38 | + <hr> | |
39 | + <p class="addr"> | |
40 | + 四川成都 | |
41 | + </p> | |
42 | + <a href="#" class="m-btn btn-contact">立即联系</a> | |
43 | + </div> | |
44 | + | |
45 | + <div class="column"> | |
46 | + <p class="name">顺达货站</p> | |
47 | + <p class="links">寿光-北京、寿光-南京、寿光-沈阳、哈尔滨</p> | |
48 | + <hr> | |
49 | + <p class="addr"> | |
50 | + 四川成都 | |
51 | + </p> | |
52 | + <a href="#" class="m-btn btn-contact">立即联系</a> | |
53 | + </div> | |
54 | + <div class="column"> | |
55 | + <p class="name">顺达货站</p> | |
56 | + <p class="links">寿光-北京、寿光-南京、寿光-沈阳、哈尔滨</p> | |
57 | + <hr> | |
58 | + <p class="addr"> | |
59 | + 四川成都 | |
60 | + </p> | |
61 | + <a href="#" class="m-btn btn-contact">立即联系</a> | |
62 | + </div> | |
63 | + <div class="column"> | |
64 | + <p class="name">顺达货站</p> | |
65 | + <p class="links">寿光-北京、寿光-南京、寿光-沈阳、哈尔滨</p> | |
66 | + <hr> | |
67 | + <p class="addr"> | |
68 | + 四川成都 | |
69 | + </p> | |
70 | + <a href="#" class="m-btn btn-contact">立即联系</a> | |
71 | + </div> | |
72 | + </div> | |
73 | + | |
74 | + <div class="more"> | |
75 | + <span class="tip">下拉显示更多信息</span> | |
76 | + </div> | |
77 | + </section> | |
78 | + </div> | |
79 | + </body> | |
80 | +</html> | |
0 | 81 | \ No newline at end of file | ... | ... |
2.0/transitstore.html
0 → 100644
1 | +++ a/2.0/transitstore.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>物流店铺</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/transitstore.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="transitstore"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>物流店铺</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="top"> | |
28 | + <div class="shop"> | |
29 | + <a class="display-block" href="#"> | |
30 | + <img src="../images/src/3.hua-cai.png" alt="" class="cover"> | |
31 | + <h3 class="title"> | |
32 | + <i class="m-icon icon-medal-gold"></i> | |
33 | + 顺风优选 | |
34 | + </h3> | |
35 | + <p class="main-cate"> | |
36 | + <span class="key"> | |
37 | + 物流类型: | |
38 | + </span> | |
39 | + <span class="value">干线物流</span> | |
40 | + </p> | |
41 | + <i class="m-icon icon-rz store-label"></i> | |
42 | + </a> | |
43 | + </div> | |
44 | + <div class="user-tools"> | |
45 | + <ul class="clearfix"> | |
46 | + <li> | |
47 | + <a href="#" > | |
48 | + <span class="m-icon icon-star white"></span> | |
49 | + <span>收藏店铺</span> | |
50 | + </a> | |
51 | + </li> | |
52 | + <li class="br"> | |
53 | + <a href="tel:1300000000"> | |
54 | + <span class="m-icon icon-phone white"></span> | |
55 | + <span>联系卖家</span> | |
56 | + </a> | |
57 | + </li> | |
58 | + </ul> | |
59 | + </div> | |
60 | + </div> | |
61 | + | |
62 | + <div class="column"> | |
63 | + <p class="name">运输线路</p> | |
64 | + <a href="#" class="all"> | |
65 | + 全部 <i class="m-icon icon-arrow-right"></i> | |
66 | + </a> | |
67 | + <hr> | |
68 | + <div class="links"> | |
69 | + <a href="#" class="link-label">沈阳-北京</a> | |
70 | + <a href="#" class="link-label">沈阳-寿光</a> | |
71 | + <a href="#" class="link-label">沈阳-黑龙江</a> | |
72 | + <a href="#" class="link-label">沈阳-北京</a> | |
73 | + <a href="#" class="link-label">沈阳-北京</a> | |
74 | + <a href="#" class="link-label">沈阳-寿光</a> | |
75 | + <a href="#" class="link-label">沈阳-黑龙江</a> | |
76 | + </div> | |
77 | + </div> | |
78 | + | |
79 | + <div class="column"> | |
80 | + <p class="name">车辆信息</p> | |
81 | + <a href="#" class="all"> | |
82 | + 全部 <i class="m-icon icon-arrow-right"></i> | |
83 | + </a> | |
84 | + <hr> | |
85 | + <div class="cols clearfix"> | |
86 | + <div class="col"> | |
87 | + <p>3</p> | |
88 | + <p class="col-second">箱货车</p> | |
89 | + </div> | |
90 | + <div class="col"> | |
91 | + <p>0</p> | |
92 | + <p class="col-second">挂车</p> | |
93 | + </div> | |
94 | + <div class="col"> | |
95 | + <p>12</p> | |
96 | + <p class="col-second">面包车</p> | |
97 | + </div> | |
98 | + </div> | |
99 | + </div> | |
100 | + | |
101 | + <div class="column"> | |
102 | + <p class="name">联系方式</p> | |
103 | + <p class="column-value">028-86668666</p> | |
104 | + <p class="column-value">四川省 成都市 天府广场左侧物资大楼</p> | |
105 | + </div> | |
106 | + <div class="column"> | |
107 | + <p class="name">店铺简介</p> | |
108 | + <p class="column-value store-intro"> | |
109 | + 顺达货站承接各种蔬菜,水果运输业务。经营运输线路众多、车型齐全、司机经验丰富。欢迎与我站建立长期合作运输业务。 | |
110 | + </p> | |
111 | + </div> | |
112 | + </section> | |
113 | + </div> | |
114 | + </body> | |
115 | +</html> | |
0 | 116 | \ No newline at end of file | ... | ... |
2.0/transitstorelinks.html
0 → 100644
1 | +++ a/2.0/transitstorelinks.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>物流店铺-运输线路</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/transitstore.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="transitstorelinks"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>运输线路</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="m-table-view"> | |
28 | + <ul> | |
29 | + <li class="cell"><a href="">乌鲁木齐-齐齐哈尔</a></li> | |
30 | + <li class="cell"><a href="">乌鲁木齐-北京</a></li> | |
31 | + <li class="cell"><a href="">乌鲁木齐-成都</a></li> | |
32 | + </ul> | |
33 | + </div> | |
34 | + </section> | |
35 | + </div> | |
36 | + </body> | |
37 | +</html> | |
0 | 38 | \ No newline at end of file | ... | ... |
2.0/trucklist.html
0 → 100644
1 | +++ a/2.0/trucklist.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>车辆信息</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/trucklist.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="trucklist"> | |
20 | + <header class="m-header header-light"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>车辆信息</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <ul class="m-tab"> | |
28 | + <li class="on" ><a href="javascript:;" data-ajax="false">全部</a></li> | |
29 | + <li ><a href="javascript:;" data-ajax="false">挂车</a></li> | |
30 | + <li ><a href="javascript:;" data-ajax="false">箱车</a></li> | |
31 | + <li ><a href="javascript:;" data-ajax="false">面包车</a></li> | |
32 | + </ul> | |
33 | + | |
34 | + <div class="padding10"> | |
35 | + <div class="column"> | |
36 | + <i class="m-icon icon-rz trunk-label"></i> | |
37 | + <p class="name">箱货车 川A8800</p> | |
38 | + <div class="row clearfix"> | |
39 | + <div class="span6"> | |
40 | + <span class="key">载重:</span> | |
41 | + <span class="value">1.2吨</span> | |
42 | + </div> | |
43 | + <div class="span6"> | |
44 | + <span class="key">车长:</span> | |
45 | + <span class="value">1.5米</span> | |
46 | + </div> | |
47 | + </div> | |
48 | + </div> | |
49 | + | |
50 | + <div class="column"> | |
51 | + <i class="m-icon icon-rz trunk-label"></i> | |
52 | + <p class="name">箱货车 川A8800</p> | |
53 | + <div class="row clearfix"> | |
54 | + <div class="span6"> | |
55 | + <span class="key">载重:</span> | |
56 | + <span class="value">1.2吨</span> | |
57 | + </div> | |
58 | + <div class="span6"> | |
59 | + <span class="key">车长:</span> | |
60 | + <span class="value">1.5米</span> | |
61 | + </div> | |
62 | + </div> | |
63 | + </div> | |
64 | + | |
65 | + <div class="column"> | |
66 | + <i class="m-icon icon-rz trunk-label"></i> | |
67 | + <p class="name">箱货车 川A8800</p> | |
68 | + <div class="row clearfix"> | |
69 | + <div class="span6"> | |
70 | + <span class="key">载重:</span> | |
71 | + <span class="value">1.2吨</span> | |
72 | + </div> | |
73 | + <div class="span6"> | |
74 | + <span class="key">车长:</span> | |
75 | + <span class="value">1.5米</span> | |
76 | + </div> | |
77 | + </div> | |
78 | + </div> | |
79 | + | |
80 | + <div class="column"> | |
81 | + <i class="m-icon icon-rz trunk-label"></i> | |
82 | + <p class="name">箱货车 川A8800</p> | |
83 | + <div class="row clearfix"> | |
84 | + <div class="span6"> | |
85 | + <span class="key">载重:</span> | |
86 | + <span class="value">1.2吨</span> | |
87 | + </div> | |
88 | + <div class="span6"> | |
89 | + <span class="key">车长:</span> | |
90 | + <span class="value">1.5米</span> | |
91 | + </div> | |
92 | + </div> | |
93 | + </div> | |
94 | + </div> | |
95 | + </section> | |
96 | + </div> | |
97 | + </body> | |
98 | +</html> | |
0 | 99 | \ No newline at end of file | ... | ... |
2.0/userhome.html
0 → 100644
1 | +++ a/2.0/userhome.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" /> | |
10 | + <title>个人中心</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/userhome.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div data-role="page" id="userhome"> | |
20 | + <header class="m-header header-light"> | |
21 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
22 | + <div class="head"> | |
23 | + <h1>个人中心</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <div class="user-info clearfix"> | |
27 | + <a href="#" class="user-login" style="display: block;"> | |
28 | + <img src="http://static.nong12.com/static/newStatic/pnrWap/images/t-default.png"> | |
29 | + <div class="msg"><p>liqiuyan002ghh</p><span>13300000001</span></div><span class="m-icon icon-more-white"></span></a> | |
30 | + </div> | |
31 | + | |
32 | + | |
33 | + <div class="user-po"> | |
34 | + <div class="m-table-view"> | |
35 | + <ul> | |
36 | + <li class="cell"><a href="#"> | |
37 | + <h3 class="title"><i class="m-icon icon-ddgl"></i> <span>订单管理</span></h3> | |
38 | + <span class="text cont all"> 查看全部</span><span class="m-icon icon-more text"></span></a> | |
39 | + </li> | |
40 | + </ul> | |
41 | + </div> | |
42 | + | |
43 | + <div class="po-list"> | |
44 | + <ul class="clearfix"> | |
45 | + <li> | |
46 | + <a href="/order/shopped_list.do?orderState=10"> | |
47 | + <span>0</span> | |
48 | + <p>待付款</p> | |
49 | + </a> | |
50 | + </li> | |
51 | + <li> | |
52 | + <a href="/order/shopped_list.do?orderState=45"> | |
53 | + <span>0</span> | |
54 | + <p>待收货</p> | |
55 | + </a> | |
56 | + </li> | |
57 | + <li> | |
58 | + <a href="/order/shopped_list.do?orderState=40"> | |
59 | + <span>2</span> | |
60 | + <p>待提货</p> | |
61 | + </a> | |
62 | + </li> | |
63 | + <li> | |
64 | + <a href="/order/shopped_list.do?orderState=50"> | |
65 | + <span>303</span> | |
66 | + <p>交易完成</p> | |
67 | + </a> | |
68 | + </li> | |
69 | + </ul> | |
70 | + </div> | |
71 | + </div> | |
72 | + | |
73 | + <div class="m-table-view"> | |
74 | + <ul> | |
75 | + <li class="cell"> | |
76 | + <a href="#"> | |
77 | + <h3 class="title"> | |
78 | + <i class="m-icon icon-szgl"></i> | |
79 | + <span>赊账管理</span></h3> | |
80 | + <span class="m-icon icon-more text"></span> | |
81 | + </a> | |
82 | + </li> | |
83 | + <li class="cell"> | |
84 | + <a href="#"> | |
85 | + <h3 class="title"> | |
86 | + <i class="m-icon icon-tkgl"></i> | |
87 | + <span>退款管理</span></h3> | |
88 | + <span class="m-icon icon-more text"></span> | |
89 | + </a> | |
90 | + </li> | |
91 | + <li class="cell"> | |
92 | + <a href="#"> | |
93 | + <h3 class="title"> | |
94 | + <i class="m-icon icon-xxgl"></i> | |
95 | + <span>我的信息管理</span></h3> | |
96 | + <span class="m-icon icon-more text"></span> | |
97 | + </a> | |
98 | + </li> | |
99 | + <li class="cell"> | |
100 | + <a href="#"> | |
101 | + <h3 class="title"> | |
102 | + <i class="m-icon icon-wdsc"></i> | |
103 | + <span>我的收藏</span></h3> | |
104 | + <span class="m-icon icon-more text"></span> | |
105 | + </a> | |
106 | + </li> | |
107 | + </ul> | |
108 | + </div> | |
109 | + | |
110 | + <a href="#logoutActionSheet" data-popup="" class="logout-btn font-red">退出我的账户</a> | |
111 | + </div> | |
112 | + </body> | |
113 | +</html> | |
0 | 114 | \ No newline at end of file | ... | ... |
Gruntfile.js
0 → 100644
1 | +++ a/Gruntfile.js | |
1 | +'use strict'; | |
2 | + | |
3 | +module.exports = function (grunt) { | |
4 | + grunt.initConfig({ | |
5 | + pkg: grunt.file.readJSON('package.json'), | |
6 | + less: { | |
7 | + dist: { | |
8 | + files: [{ | |
9 | + expand: true, | |
10 | + cwd: 'css/style', | |
11 | + src: ['*.less'], | |
12 | + dest: 'css/style', | |
13 | + ext: '.css' | |
14 | + }] | |
15 | + } | |
16 | + }, | |
17 | + sprite:{ | |
18 | + all: { | |
19 | + // 待合并的文件 | |
20 | + src : 'images/src/*.png', | |
21 | + // 合并后输出的文件 | |
22 | + dest : 'images/dist/sprite.png', | |
23 | + // 输出对应雪碧图的样式 | |
24 | + destCss : 'css/style/m2.0/sprite.less', | |
25 | + // 可选: 手动指定样式里引用图片的路径 | |
26 | + imgPath : '../../images/dist/sprite.png', | |
27 | + cssVarMap: function(sprite) { | |
28 | + sprite.name = sprite.name.replace(/^\s{1}/, ''); //去除文件名前空白 | |
29 | + sprite.name = sprite.name.replace('@2x', ''); | |
30 | + sprite.name = sprite.name.replace(/^\d\./, ''); | |
31 | + sprite.name = sprite.name.toLowerCase(); | |
32 | + sprite.name = 'icon-' + sprite.name; | |
33 | + }, | |
34 | + // 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等 | |
35 | + // 默认是top-down,二叉树合并出来的图体积最小 | |
36 | + algorithm : 'binary-tree', | |
37 | + // 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式) | |
38 | + // (stylus, scss, scss_maps, sass, less, json, json_array, css) | |
39 | + cssFormat : 'less' | |
40 | + } | |
41 | + }, | |
42 | + watch: { | |
43 | + options: { | |
44 | + nospawn: true | |
45 | + }, | |
46 | + css: { | |
47 | + files: [ | |
48 | + 'css/style/*.less' | |
49 | + ], | |
50 | + tasks: ['less'], | |
51 | + options: { | |
52 | + livereload: true | |
53 | + } | |
54 | + } | |
55 | + } | |
56 | + }); | |
57 | + | |
58 | + grunt.loadNpmTasks( "grunt-contrib-less" ); | |
59 | + grunt.loadNpmTasks( "grunt-contrib-watch" ); | |
60 | + grunt.loadNpmTasks('grunt-spritesmith'); | |
61 | + | |
62 | + grunt.registerTask('default', [ | |
63 | + 'sprite' | |
64 | + ]); | |
65 | +}; | ... | ... |
Node.gitignore
0 → 100644
1 | +++ a/Node.gitignore | |
1 | +# Logs | |
2 | +logs | |
3 | +*.log | |
4 | + | |
5 | +# Runtime data | |
6 | +pids | |
7 | +*.pid | |
8 | +*.seed | |
9 | + | |
10 | +# Directory for instrumented libs generated by jscoverage/JSCover | |
11 | +lib-cov | |
12 | + | |
13 | +# Coverage directory used by tools like istanbul | |
14 | +coverage | |
15 | + | |
16 | +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) | |
17 | +.grunt | |
18 | + | |
19 | +# node-waf configuration | |
20 | +.lock-wscript | |
21 | + | |
22 | +# Compiled binary addons (http://nodejs.org/api/addons.html) | |
23 | +build/Release | |
24 | + | |
25 | +# Dependency directory | |
26 | +# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git | |
27 | +node_modules | ... | ... |
css/koala-config.json
0 → 100644
1 | +++ a/css/koala-config.json | |
1 | +// Less project settings, you can edit it and set custom settings. | |
2 | +{ | |
3 | + // The mappings of source directory and output directory | |
4 | + "mappings": [ | |
5 | + { | |
6 | + "src": "less", | |
7 | + "dest": "style" | |
8 | + } | |
9 | + ], | |
10 | + | |
11 | + // Add the ignore rules that Koala will not search them. | |
12 | + // e.g. ["*.json", "*.txt", "test", "path/libs"] | |
13 | + "ignores": ["*.css"], | |
14 | + | |
15 | + // Compile options of LESS. | |
16 | + "options": { | |
17 | + | |
18 | + // Output style. Can be normal (default), compress. | |
19 | + "outputStyle": "normal", | |
20 | + | |
21 | + // Outputs filename and line numbers, which will output the debug info within comments. | |
22 | + "lineComments": false, | |
23 | + | |
24 | + // Outputs filename and line numbers, which will output the information within a fake media query which is compatible with the SASS format. | |
25 | + "debugInfo": false, | |
26 | + | |
27 | + "strictMath": false, | |
28 | + | |
29 | + "strictUnits": false, | |
30 | + | |
31 | + // Create sourcemap files next to the generated CSS files | |
32 | + "sourceMap": false, | |
33 | + | |
34 | + // auto add vendor prefixes to rules | |
35 | + "autoprefix": false | |
36 | + }, | |
37 | + | |
38 | + // Other compile options. | |
39 | + // e.g, ["--strict-imports", ... ,"--rootpath=URL"]. | |
40 | + // Run the command 'lessc -h' to see more options. | |
41 | + "customOptions": [], | |
42 | + | |
43 | + // An array of filesystem paths or importers which should be searched for LESS templates imported with the @import directive. | |
44 | + "includePaths": [] | |
45 | +} | |
0 | 46 | \ No newline at end of file | ... | ... |
css/less/collection.less
0 → 100644
css/middle.css
0 → 100644
1 | +++ a/css/middle.css | |
1 | +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
2 | +html { | |
3 | + font-family: sans-serif; | |
4 | + -ms-text-size-adjust: 100%; | |
5 | + -webkit-text-size-adjust: 100%; | |
6 | +} | |
7 | +body, | |
8 | +p { | |
9 | + margin: 0; | |
10 | +} | |
11 | +article, | |
12 | +aside, | |
13 | +details, | |
14 | +figcaption, | |
15 | +figure, | |
16 | +footer, | |
17 | +header, | |
18 | +main, | |
19 | +menu, | |
20 | +nav, | |
21 | +section, | |
22 | +summary { | |
23 | + display: block; | |
24 | +} | |
25 | +audio, | |
26 | +canvas, | |
27 | +progress, | |
28 | +video { | |
29 | + display: inline-block; | |
30 | + vertical-align: baseline; | |
31 | +} | |
32 | +audio:not([controls]) { | |
33 | + display: none; | |
34 | + height: 0; | |
35 | +} | |
36 | +[hidden], | |
37 | +template { | |
38 | + display: none; | |
39 | +} | |
40 | +a { | |
41 | + background-color: transparent; | |
42 | +} | |
43 | +a:active, | |
44 | +a:hover { | |
45 | + outline: 0; | |
46 | +} | |
47 | +abbr[title] { | |
48 | + border-bottom: 1px dotted; | |
49 | +} | |
50 | +b, | |
51 | +strong { | |
52 | + font-weight: bold; | |
53 | +} | |
54 | +dfn { | |
55 | + font-style: italic; | |
56 | +} | |
57 | +h1 { | |
58 | + font-size: 2em; | |
59 | + margin: 0.67em 0; | |
60 | +} | |
61 | +h2, | |
62 | +h3, | |
63 | +h4, | |
64 | +h5, | |
65 | +h6 { | |
66 | + margin: 0; | |
67 | +} | |
68 | +mark { | |
69 | + background: #ff0; | |
70 | + color: #000; | |
71 | +} | |
72 | +small { | |
73 | + font-size: 80%; | |
74 | +} | |
75 | +sub, | |
76 | +sup { | |
77 | + font-size: 75%; | |
78 | + line-height: 0; | |
79 | + position: relative; | |
80 | + vertical-align: baseline; | |
81 | +} | |
82 | +sup { | |
83 | + top: -0.5em; | |
84 | +} | |
85 | +sub { | |
86 | + bottom: -0.25em; | |
87 | +} | |
88 | +img { | |
89 | + border: 0; | |
90 | +} | |
91 | +svg:not(:root) { | |
92 | + overflow: hidden; | |
93 | +} | |
94 | +figure { | |
95 | + margin: 1em 40px; | |
96 | +} | |
97 | +hr { | |
98 | + -moz-box-sizing: content-box; | |
99 | + box-sizing: content-box; | |
100 | + height: 0; | |
101 | +} | |
102 | +pre { | |
103 | + overflow: auto; | |
104 | +} | |
105 | +code, | |
106 | +kbd, | |
107 | +pre, | |
108 | +samp { | |
109 | + font-family: monospace, monospace; | |
110 | + font-size: 1em; | |
111 | +} | |
112 | +button, | |
113 | +input, | |
114 | +optgroup, | |
115 | +select, | |
116 | +textarea { | |
117 | + color: inherit; | |
118 | + font: inherit; | |
119 | + margin: 0; | |
120 | +} | |
121 | +button { | |
122 | + overflow: visible; | |
123 | +} | |
124 | +button, | |
125 | +select { | |
126 | + text-transform: none; | |
127 | +} | |
128 | +button, | |
129 | +html input[type="button"], | |
130 | +input[type="reset"], | |
131 | +input[type="submit"] { | |
132 | + -webkit-appearance: button; | |
133 | + cursor: pointer; | |
134 | +} | |
135 | +button[disabled], | |
136 | +html input[disabled] { | |
137 | + cursor: default; | |
138 | +} | |
139 | +button::-moz-focus-inner, | |
140 | +input::-moz-focus-inner { | |
141 | + border: 0; | |
142 | + padding: 0; | |
143 | +} | |
144 | +input { | |
145 | + line-height: normal; | |
146 | +} | |
147 | +input[type="checkbox"], | |
148 | +input[type="radio"] { | |
149 | + box-sizing: border-box; | |
150 | + padding: 0; | |
151 | +} | |
152 | +input[type="number"]::-webkit-inner-spin-button, | |
153 | +input[type="number"]::-webkit-outer-spin-button { | |
154 | + height: auto; | |
155 | +} | |
156 | +input[type="search"] { | |
157 | + -webkit-appearance: textfield; | |
158 | + -moz-box-sizing: content-box; | |
159 | + -webkit-box-sizing: content-box; | |
160 | + box-sizing: content-box; | |
161 | +} | |
162 | +input[type="search"]::-webkit-search-cancel-button, | |
163 | +input[type="search"]::-webkit-search-decoration { | |
164 | + -webkit-appearance: none; | |
165 | +} | |
166 | +fieldset { | |
167 | + border: 1px solid #c0c0c0; | |
168 | + margin: 0 2px; | |
169 | + padding: 0.35em 0.625em 0.75em; | |
170 | +} | |
171 | +legend { | |
172 | + border: 0; | |
173 | + padding: 0; | |
174 | +} | |
175 | +textarea { | |
176 | + overflow: auto; | |
177 | +} | |
178 | +optgroup { | |
179 | + font-weight: bold; | |
180 | +} | |
181 | +table { | |
182 | + border-collapse: collapse; | |
183 | + border-spacing: 0; | |
184 | +} | |
185 | +td, | |
186 | +th { | |
187 | + padding: 0; | |
188 | +} | |
189 | +body { | |
190 | + height: 100%; | |
191 | + background-color: #654c8d; | |
192 | +} | |
193 | +.middle { | |
194 | + padding-bottom: 20px; | |
195 | +} | |
196 | +.middle .head { | |
197 | + height: 200px; | |
198 | + position: relative; | |
199 | +} | |
200 | +.middle .head .link { | |
201 | + width: 100%; | |
202 | + height: 30px; | |
203 | + display: block; | |
204 | + position: absolute; | |
205 | + bottom: 70px; | |
206 | +} | |
207 | +.middle .autumn { | |
208 | + background: url(../images/autumn.png) 0 0 no-repeat; | |
209 | + background-size: 100% 100%; | |
210 | + width: 100%; | |
211 | + height: 100%; | |
212 | +} | |
213 | +.middle .title .rule { | |
214 | + margin: 0 20px; | |
215 | + text-align: center; | |
216 | +} | |
217 | +.middle .desc { | |
218 | + margin: 0 1em; | |
219 | + padding: 10px 0; | |
220 | +} | |
221 | +.middle .desc > h2 { | |
222 | + font-size: 16px; | |
223 | + font-weight: 100; | |
224 | + color: #ffe187; | |
225 | + margin-bottom: 5px; | |
226 | +} | |
227 | +.middle .desc p, | |
228 | +.middle .desc b { | |
229 | + text-indent: 2em; | |
230 | + font-size: 14px; | |
231 | + line-height: 18px; | |
232 | + color: #fff; | |
233 | + position: relative; | |
234 | + margin: 3px 0; | |
235 | +} | |
236 | +.middle .desc p:before { | |
237 | + content: ' '; | |
238 | + border-radius: 100%; | |
239 | + border: 2px solid #fff; | |
240 | + display: inline-block; | |
241 | + position: absolute; | |
242 | + top: 7px; | |
243 | + left: 20px; | |
244 | +} | |
245 | +.middle .desc b { | |
246 | + text-indent: 0; | |
247 | + font-weight: 100; | |
248 | +} | |
249 | +.middle .mr20 { | |
250 | + margin-top: 20px; | |
251 | +} | |
252 | +.middle footer { | |
253 | + color: #f4fe55; | |
254 | + font-size: 13px; | |
255 | + line-height: 1; | |
256 | +} | |
257 | +.middle footer b { | |
258 | + font-size: 12px !important; | |
259 | + margin-right: 3px !important; | |
260 | +} | ... | ... |
css/style/add-activity.css
0 → 100644
1 | +++ a/css/style/add-activity.css | |
1 | +/*zzf*/ | |
2 | +/*************************************************** | |
3 | +* feature : 变量配置; | |
4 | +* update : 2015/02/05; | |
5 | +* use : ; | |
6 | +* extend : ; | |
7 | +* example : ; | |
8 | +* desc : ; | |
9 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
10 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
11 | +****************************************************/ | |
12 | +.bg-img { | |
13 | + background: url('../../images/icon/icon.png') no-repeat; | |
14 | + background-size: 150px; | |
15 | +} | |
16 | +/*************************************************** | |
17 | +* feature : 变量配置; | |
18 | +* update : 2015/02/05; | |
19 | +* use : ; | |
20 | +* extend : ; | |
21 | +* example : ; | |
22 | +* desc : ; | |
23 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
24 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
25 | +****************************************************/ | |
26 | +.bg-img { | |
27 | + background: url('../../images/icon/icon.png') no-repeat; | |
28 | + background-size: 150px; | |
29 | +} | |
30 | +/* | |
31 | + @ m-imguploader.less | |
32 | + @ 图片上传组件 | |
33 | +*/ | |
34 | +.img-upload-button { | |
35 | + /*or inline-block*/ | |
36 | + padding: 0; | |
37 | + text-align: center; | |
38 | + cursor: pointer; | |
39 | + z-index: 1; | |
40 | + overflow: hidden; | |
41 | + width: 63px; | |
42 | + height: 63px; | |
43 | + float: left; | |
44 | + border: 1px dashed #ddd; | |
45 | +} | |
46 | +.img-upload-disabled { | |
47 | + display: none; | |
48 | +} | |
49 | +.img-upload-button span { | |
50 | + background: url("../../images/upload.png") -48px 0px no-repeat; | |
51 | + width: 30px; | |
52 | + height: 30px; | |
53 | + overflow: hidden; | |
54 | + display: inline-block; | |
55 | + text-indent: -9990px; | |
56 | + background-size: 75px; | |
57 | + margin: 17px; | |
58 | +} | |
59 | +.img-upload-list { | |
60 | + list-style: none; | |
61 | + display: inline-table; | |
62 | +} | |
63 | +.img-upload-list { | |
64 | + float: left; | |
65 | +} | |
66 | +.img-upload-list li { | |
67 | + position: relative; | |
68 | +} | |
69 | +.img-upload-list img { | |
70 | + width: 62px; | |
71 | + height: 62px; | |
72 | +} | |
73 | +.img-upload-list .img-upload-remove { | |
74 | + position: absolute; | |
75 | + top: 0px; | |
76 | + right: 0px; | |
77 | + display: block; | |
78 | + width: 22px; | |
79 | + height: 22px; | |
80 | + z-index: 99; | |
81 | + background: url("../../images/upload.png") -13px -12px no-repeat; | |
82 | + background-size: 75px; | |
83 | +} | |
84 | +.img-upload-error { | |
85 | + font-size: 12px; | |
86 | + color: #ff0000; | |
87 | +} | |
88 | +span.icon-more { | |
89 | + background: url("../../images/icon.png") -31px -236px repeat; | |
90 | + width: 9px; | |
91 | + height: 16px; | |
92 | + display: inline-block; | |
93 | + background-size: 150px; | |
94 | + vertical-align: middle; | |
95 | +} | |
96 | +.m-table-view .txt { | |
97 | + font-size: 14px; | |
98 | + color: #999; | |
99 | + margin-right: 15px; | |
100 | +} | |
101 | +.m-table-view .m-select { | |
102 | + margin-right: 15px; | |
103 | +} | |
104 | +.send-view { | |
105 | + border-bottom: 1px solid #ddd; | |
106 | + border-top: 1px solid #ddd; | |
107 | + margin-top: 10px; | |
108 | + background: #fff; | |
109 | + padding: 15px; | |
110 | +} | |
111 | +.send-view textarea { | |
112 | + border: 1px solid #ddd; | |
113 | + min-height: 100px; | |
114 | +} | |
115 | +.send-view .upload { | |
116 | + margin-top: 5px; | |
117 | +} | |
118 | +.send-view .upload img { | |
119 | + width: 65px; | |
120 | + height: 65px; | |
121 | +} | |
122 | +.send-view .upload ul { | |
123 | + float: left; | |
124 | +} | |
125 | +.send-view .upload ul li { | |
126 | + float: left; | |
127 | + margin-right: 5px; | |
128 | +} | |
129 | +.send-view .upload .add { | |
130 | + width: 65px; | |
131 | + height: 65px; | |
132 | + float: left; | |
133 | + border: 1px dashed #ddd; | |
134 | + cursor: pointer; | |
135 | + position: relative; | |
136 | + overflow: hidden; | |
137 | +} | |
138 | +.send-view .upload .add .icon-add { | |
139 | + background: url("../../images/upload.png") -121px 0px repeat; | |
140 | + width: 30px; | |
141 | + height: 30px; | |
142 | + display: inline-block; | |
143 | + background-size: 75px; | |
144 | + margin: 17px; | |
145 | +} | |
146 | +.send-view .upload input { | |
147 | + position: absolute; | |
148 | + left: 0; | |
149 | + right: 0; | |
150 | + top: 0; | |
151 | + bottom: 0; | |
152 | + opacity: 0; | |
153 | +} | ... | ... |
css/style/add-activity.less
0 → 100644
1 | +++ a/css/style/add-activity.less | |
1 | +/*zzf*/ | |
2 | +// @import "./m-public";/*基类*/ | |
3 | +// @import "./m_form";/*列表*/ | |
4 | +// @import "./m_table_view";/*列表*/ | |
5 | +@import "m/var"; | |
6 | +@import "m/m-imguploader"; | |
7 | + | |
8 | + | |
9 | + | |
10 | +span.icon-more { | |
11 | + background: url("../../images/icon.png") -31px -236px repeat; | |
12 | + width: 9px; | |
13 | + height: 16px; | |
14 | + display: inline-block; | |
15 | + background-size: 150px; | |
16 | + vertical-align: middle; | |
17 | +} | |
18 | +.m-table-view { | |
19 | + .txt { | |
20 | + font-size: 14px; | |
21 | + color: #999; | |
22 | + margin-right: 15px; | |
23 | + } | |
24 | + | |
25 | + .m-select{ | |
26 | + margin-right:15px; | |
27 | + } | |
28 | +} | |
29 | +.send-view { | |
30 | + border-bottom: 1px solid @br-ddd; | |
31 | + border-top: 1px solid @br-ddd; | |
32 | + margin-top: 10px; | |
33 | + background: @bg-fff; | |
34 | + padding: 15px; | |
35 | + textarea { | |
36 | + // width: 100%; | |
37 | + // margin: 0px; | |
38 | + // padding: 0px; | |
39 | + border: 1px solid @br-ddd; | |
40 | + min-height: 100px; | |
41 | + } | |
42 | + .upload { | |
43 | + margin-top: 5px; | |
44 | + img { | |
45 | + width: 65px; | |
46 | + height: 65px; | |
47 | + } | |
48 | + ul { | |
49 | + float: left; | |
50 | + li { | |
51 | + float: left; | |
52 | + margin-right: 5px; | |
53 | + } | |
54 | + } | |
55 | + .add { | |
56 | + width: 65px; | |
57 | + height: 65px; | |
58 | + float: left; | |
59 | + border: 1px dashed #ddd; | |
60 | + cursor: pointer; | |
61 | + position: relative; | |
62 | + overflow: hidden; | |
63 | + .icon-add { | |
64 | + background: url("../../images/upload.png") -121px 0px repeat; | |
65 | + width: 30px; | |
66 | + height: 30px; | |
67 | + display: inline-block; | |
68 | + background-size: 75px; | |
69 | + margin: 17px; | |
70 | + } | |
71 | + } | |
72 | + input{ | |
73 | + position: absolute; | |
74 | + left: 0; | |
75 | + right: 0; | |
76 | + top: 0; | |
77 | + bottom: 0; | |
78 | + opacity: 0; | |
79 | + } | |
80 | + } | |
81 | +} | |
82 | + | |
83 | + | |
84 | + | ... | ... |
css/style/addPic.css
0 → 100644
1 | +++ a/css/style/addPic.css | |
1 | +#addPic{ | |
2 | + padding: 44px 0 50px; | |
3 | + -webkit-box-sizing: border-box; | |
4 | + -moz-box-sizing: border-box; | |
5 | + box-sizing: border-box; | |
6 | +} | |
7 | +#addPic .m-header{ | |
8 | + margin-top: -44px; | |
9 | +} | |
10 | + | |
11 | +#addPic .m-content{ | |
12 | + height: 100%; | |
13 | + padding-bottom: 20px; | |
14 | + -webkit-box-sizing: border-box; | |
15 | + -moz-box-sizing: border-box; | |
16 | + box-sizing: border-box; | |
17 | + overflow: scroll; | |
18 | + overflow: scroll; | |
19 | + -webkit-overflow-scrolling: touch; | |
20 | +} | |
21 | + | |
22 | +#addPic .m-footer{ | |
23 | + padding: 0; | |
24 | +} | |
25 | +#addPic .uploader{ | |
26 | + padding:15px; | |
27 | + background:#fff; | |
28 | + border-bottom: 1px solid #ddd; | |
29 | +} | |
30 | +#addPic .summary{ | |
31 | + font-size:14px; | |
32 | + color:#999; | |
33 | + margin-bottom: 15px; | |
34 | +} | |
35 | + | |
36 | +#addPic .images{ | |
37 | + margin-left:-10px; | |
38 | +} | |
39 | +#addPic .item{ | |
40 | + width:65px; | |
41 | + float: left; | |
42 | + margin-left: 10px; | |
43 | + margin-bottom:15px; | |
44 | +} | |
45 | +#addPic .img-box{ | |
46 | + width:100%; | |
47 | + height: 65px; | |
48 | + overflow:hidden; | |
49 | + margin-bottom:10px; | |
50 | +} | |
51 | +#addPic .item img{ | |
52 | + max-width:100%; | |
53 | +} | |
54 | +#addPic .btn-del{ | |
55 | + display:inline-block; | |
56 | + width: 100%; | |
57 | + height:30px; | |
58 | + border-radius: 3px; | |
59 | + line-height: 30px; | |
60 | + font-size: 14px; | |
61 | + text-align:center; | |
62 | + border:1px solid #999; | |
63 | + color:#666; | |
64 | + background:#fff; | |
65 | + padding:0px; | |
66 | + box-sizing: border-box; | |
67 | +} | |
68 | +#addPic .btn-finish{ | |
69 | + width:100%; | |
70 | + line-height:50px; | |
71 | + font-size: 18px; | |
72 | + color:#fff; | |
73 | + background:#1b6ba5; | |
74 | + text-align: center; | |
75 | + animation-name:height; | |
76 | + animation-duration:0.5s; | |
77 | + animation-timing-function:ease-out; | |
78 | +} | |
79 | +#addPic .icon-tupian{ | |
80 | + text-indent:-9999px; | |
81 | +} | |
82 | +#addPic .desc{ | |
83 | + box-sizing: border-box; | |
84 | + height: 54px; | |
85 | + display:block; | |
86 | + width: 100%; | |
87 | + padding:15px; | |
88 | + line-height:20px; | |
89 | + margin-top:10px; | |
90 | + border:none; | |
91 | + border-top: 1px solid #ddd; | |
92 | + border-top: 1px solid #ddd; | |
93 | + border-bottom: 1px solid #ddd; | |
94 | + font-size:16px; | |
95 | + background:#fff; | |
96 | + outline: none; | |
97 | + resize: none; | |
98 | +} | |
99 | +@keyframes height{ | |
100 | + 0%{ | |
101 | + height:0px; | |
102 | + } | |
103 | + 100%{ | |
104 | + height:50px; | |
105 | + } | |
106 | +} | ... | ... |
css/style/address-page.css
0 → 100644
css/style/address-page.less
0 → 100644
css/style/appeal.css
0 → 100644
1 | +++ a/css/style/appeal.css | |
1 | +.appeal { | |
2 | + box-sizing: border-box; | |
3 | + background: #f5f5f5; | |
4 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | |
5 | + font-weight: normal; | |
6 | +} | |
7 | +.appealing .section-form label { | |
8 | + margin: 0; | |
9 | + box-sizing: border-box; | |
10 | + display: block; | |
11 | + height: 40px; | |
12 | + padding: 0 15px; | |
13 | + padding-top: 16px; | |
14 | + padding-bottom: 10px; | |
15 | + font-size: 14px; | |
16 | + line-height: 14px; | |
17 | + color: #666; | |
18 | + background: #f5f5f5; | |
19 | + font-weight: lighter; | |
20 | +} | |
21 | +.appealing .section-form .form-content { | |
22 | + padding: 15px; | |
23 | + border-top: 1px solid #ddd; | |
24 | + background: #fff; | |
25 | +} | |
26 | +.appealing .section-form .content { | |
27 | + display: block; | |
28 | + width: 100%; | |
29 | + height: 90px; | |
30 | + font-size: 14px; | |
31 | + line-height: 20px; | |
32 | + overflow: auto; | |
33 | + outline: none; | |
34 | + resize: none; | |
35 | +} | |
36 | +.appealing .section-form .desc { | |
37 | + color: #666; | |
38 | + line-height: 20px; | |
39 | +} | |
40 | +.appealing .section-form .upload-img-list { | |
41 | + margin-top: 15px; | |
42 | + margin-left: -10px; | |
43 | +} | |
44 | +.appealing .upload-img-list .item { | |
45 | + width: 65px; | |
46 | + height: 65px; | |
47 | + float: left; | |
48 | + margin-left: 10px; | |
49 | + position: relative; | |
50 | +} | |
51 | +.appealing .upload-img-list .item.plus { | |
52 | + position: relative; | |
53 | +} | |
54 | +.appealing .upload-img-list .item.plus:before, | |
55 | +.appealing .upload-img-list .item.plus:after { | |
56 | + content: ''; | |
57 | + position: absolute; | |
58 | + left: 50%; | |
59 | + top: 50%; | |
60 | + width: 60%; | |
61 | + height: 4px; | |
62 | + margin: -2px 0 0 -30%; | |
63 | + background-color: #ccc; | |
64 | +} | |
65 | +.appealing .upload-img-list .item.plus:after { | |
66 | + width: 4px; | |
67 | + height: 60%; | |
68 | + margin: -30% 0 0 -2px; | |
69 | +} | |
70 | +.appealing .upload-img-list .btn-upload { | |
71 | + width: 65px; | |
72 | + height: 65px; | |
73 | + position: absolute; | |
74 | + left: 0; | |
75 | + top: 0; | |
76 | + opacity: 0; | |
77 | + filter: alpha(opacity=0); | |
78 | +} | |
79 | +.appealing .upload-img-list img { | |
80 | + max-width: 100%; | |
81 | +} | |
82 | +.appealing .upload-img-list .remove { | |
83 | + position: absolute; | |
84 | + width: 24px; | |
85 | + height: 24px; | |
86 | + right: -8px; | |
87 | + top: -8px; | |
88 | + border-radius: 100%; | |
89 | + background: rgba(0, 0, 0, 0.4); | |
90 | + cursor: pointer; | |
91 | +} | |
92 | +.appealing .upload-img-list .remove:before, | |
93 | +.appealing .upload-img-list .remove:after { | |
94 | + position: absolute; | |
95 | + content: ''; | |
96 | + left: 50%; | |
97 | + top: 50%; | |
98 | + width: 16px; | |
99 | + height: 2px; | |
100 | + margin: -1px 0 0 -8px; | |
101 | + background-color: #fff; | |
102 | + -webkit-transform: rotate(45deg); | |
103 | + -ms-transform: rotate(45deg); | |
104 | + -o-transform: rotate(45deg); | |
105 | + transform: rotate(45deg); | |
106 | +} | |
107 | +.appealing .upload-img-list .remove:after { | |
108 | + height: 16px; | |
109 | + width: 2px; | |
110 | + margin: -8px 0 0 -1px; | |
111 | +} | |
112 | +#preview { | |
113 | + width: 200px; | |
114 | + margin-left: -100px; | |
115 | + -webkit-transform: translate(0, 100%) translateZ(0); | |
116 | + -moz-transform: translate(0, 100%) translateZ(0); | |
117 | + -ms-transform: translate(0, 100%) translateZ(0); | |
118 | + -o-transform: translate(0, 100%) translateZ(0); | |
119 | + transform: translate(0, 100%) translateZ(0); | |
120 | +} | |
121 | +#preview .remove { | |
122 | + position: absolute; | |
123 | + width: 24px; | |
124 | + height: 24px; | |
125 | + right: -8px; | |
126 | + top: -8px; | |
127 | + border-radius: 100%; | |
128 | + background: rgba(0, 0, 0, 0.4); | |
129 | + cursor: pointer; | |
130 | + display: none; | |
131 | +} | |
132 | +#preview .remove:before, | |
133 | +#preview .remove:after { | |
134 | + position: absolute; | |
135 | + content: ''; | |
136 | + left: 50%; | |
137 | + top: 50%; | |
138 | + width: 16px; | |
139 | + height: 2px; | |
140 | + margin: -1px 0 0 -8px; | |
141 | + background-color: #fff; | |
142 | + -webkit-transform: rotate(45deg); | |
143 | + -ms-transform: rotate(45deg); | |
144 | + -o-transform: rotate(45deg); | |
145 | + transform: rotate(45deg); | |
146 | +} | |
147 | +#preview .remove:after { | |
148 | + height: 16px; | |
149 | + width: 2px; | |
150 | + margin: -8px 0 0 -1px; | |
151 | +} | |
152 | +.m-animate-show#preview .remove { | |
153 | + display: block; | |
154 | +} | ... | ... |
css/style/appeal.less
0 → 100644
1 | +++ a/css/style/appeal.less | |
1 | +.appeal { | |
2 | + box-sizing: border-box; | |
3 | + background: #f5f5f5; | |
4 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | |
5 | + font-weight: normal; | |
6 | +} | |
7 | +.appealing .section-form label { | |
8 | + margin: 0; | |
9 | + box-sizing: border-box; | |
10 | + display: block; | |
11 | + height: 40px; | |
12 | + padding: 0 15px; | |
13 | + padding-top: 16px; | |
14 | + padding-bottom: 10px; | |
15 | + font-size: 14px; | |
16 | + line-height: 14px; | |
17 | + color: #666; | |
18 | + background: #f5f5f5; | |
19 | + font-weight: lighter; | |
20 | +} | |
21 | +.appealing .section-form .form-content { | |
22 | + padding: 15px; | |
23 | + border-top: 1px solid #ddd; | |
24 | + background: #fff; | |
25 | +} | |
26 | +.appealing .section-form .content { | |
27 | + display: block; | |
28 | + width: 100%; | |
29 | + height: 90px; | |
30 | + font-size: 14px; | |
31 | + line-height: 20px; | |
32 | + overflow: auto; | |
33 | + outline: none; | |
34 | + resize: none; | |
35 | +} | |
36 | +.appealing .section-form .desc { | |
37 | + color: #666; | |
38 | + line-height: 20px; | |
39 | +} | |
40 | +.appealing .section-form .upload-img-list { | |
41 | + margin-top: 15px; | |
42 | + margin-left: -10px; | |
43 | +} | |
44 | +.appealing .upload-img-list .item { | |
45 | + width: 65px; | |
46 | + height: 65px; | |
47 | + float: left; | |
48 | + margin-left: 10px; | |
49 | + position: relative; | |
50 | +} | |
51 | +.appealing .upload-img-list .item.plus { | |
52 | + position: relative; | |
53 | +} | |
54 | +.appealing .upload-img-list .item.plus:before, | |
55 | +.appealing .upload-img-list .item.plus:after { | |
56 | + content: ''; | |
57 | + position: absolute; | |
58 | + left: 50%; | |
59 | + top: 50%; | |
60 | + width: 60%; | |
61 | + height: 4px; | |
62 | + margin: -2px 0 0 -30%; | |
63 | + background-color: #ccc; | |
64 | +} | |
65 | +.appealing .upload-img-list .item.plus:after { | |
66 | + width: 4px; | |
67 | + height: 60%; | |
68 | + margin: -30% 0 0 -2px; | |
69 | +} | |
70 | +.appealing .upload-img-list .btn-upload { | |
71 | + width: 65px; | |
72 | + height: 65px; | |
73 | + position: absolute; | |
74 | + left: 0; | |
75 | + top: 0; | |
76 | + opacity: 0; | |
77 | + filter: alpha(opacity=0); | |
78 | +} | |
79 | +.appealing .upload-img-list img { | |
80 | + max-width: 100%; | |
81 | +} | |
82 | +.appealing .upload-img-list .remove { | |
83 | + position: absolute; | |
84 | + width: 24px; | |
85 | + height: 24px; | |
86 | + right: -8px; | |
87 | + top: -8px; | |
88 | + border-radius: 100%; | |
89 | + background: rgba(0, 0, 0, 0.4); | |
90 | + cursor: pointer; | |
91 | +} | |
92 | +.appealing .upload-img-list .remove:before, | |
93 | +.appealing .upload-img-list .remove:after { | |
94 | + position: absolute; | |
95 | + content: ''; | |
96 | + left: 50%; | |
97 | + top: 50%; | |
98 | + width: 16px; | |
99 | + height: 2px; | |
100 | + margin: -1px 0 0 -8px; | |
101 | + background-color: #fff; | |
102 | + -webkit-transform: rotate(45deg); | |
103 | + -ms-transform: rotate(45deg); | |
104 | + -o-transform: rotate(45deg); | |
105 | + transform: rotate(45deg); | |
106 | +} | |
107 | +.appealing .upload-img-list .remove:after { | |
108 | + height: 16px; | |
109 | + width: 2px; | |
110 | + margin: -8px 0 0 -1px; | |
111 | +} | |
112 | +#preview { | |
113 | + width: 200px; | |
114 | + margin-left: -100px; | |
115 | + -webkit-transform: translate(0, 100%) translateZ(0); | |
116 | + -moz-transform: translate(0, 100%) translateZ(0); | |
117 | + -ms-transform: translate(0, 100%) translateZ(0); | |
118 | + -o-transform: translate(0, 100%) translateZ(0); | |
119 | + transform: translate(0, 100%) translateZ(0); | |
120 | +} | |
121 | +#preview .remove { | |
122 | + position: absolute; | |
123 | + width: 24px; | |
124 | + height: 24px; | |
125 | + right: -8px; | |
126 | + top: -8px; | |
127 | + border-radius: 100%; | |
128 | + background: rgba(0, 0, 0, 0.4); | |
129 | + cursor: pointer; | |
130 | + display: none; | |
131 | +} | |
132 | +#preview .remove:before, | |
133 | +#preview .remove:after { | |
134 | + position: absolute; | |
135 | + content: ''; | |
136 | + left: 50%; | |
137 | + top: 50%; | |
138 | + width: 16px; | |
139 | + height: 2px; | |
140 | + margin: -1px 0 0 -8px; | |
141 | + background-color: #fff; | |
142 | + -webkit-transform: rotate(45deg); | |
143 | + -ms-transform: rotate(45deg); | |
144 | + -o-transform: rotate(45deg); | |
145 | + transform: rotate(45deg); | |
146 | +} | |
147 | +#preview .remove:after { | |
148 | + height: 16px; | |
149 | + width: 2px; | |
150 | + margin: -8px 0 0 -1px; | |
151 | +} | |
152 | +.m-animate-show#preview .remove { | |
153 | + display: block; | |
154 | +} | |
0 | 155 | \ No newline at end of file | ... | ... |
css/style/appeal_success.css
0 → 100644
1 | +++ a/css/style/appeal_success.css | |
1 | +.appeal_success { | |
2 | + font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | |
3 | + font-weight:normal; | |
4 | +} | |
5 | +.bg-img { | |
6 | + background:url(../../images/icon/icon.png)no-repeat; | |
7 | + background-size:150px | |
8 | +} | |
9 | +.appeal_success { | |
10 | + background-color:#F5F5F5 | |
11 | +} | |
12 | +.appeal_success .m-header { | |
13 | + background-color:#23ac38; | |
14 | + color:#FFF | |
15 | +} | |
16 | +.appeal_success .m-content { | |
17 | + padding-bottom:70px; | |
18 | + text-align:center; | |
19 | + width:290px; | |
20 | + margin:0 auto | |
21 | +} | |
22 | +.appeal_success .m-content img { | |
23 | + width:150px; | |
24 | + height:150px; | |
25 | + margin-top:30px | |
26 | +} | |
27 | +.appeal_success .m-content h4 { | |
28 | + margin:18px 0; | |
29 | + font-size:18px; | |
30 | + line-height:18px; | |
31 | + color:#333; | |
32 | + font-weight:400 | |
33 | +} | |
34 | +.appeal_success .m-content p { | |
35 | + font-size:14px; | |
36 | + color:#999; | |
37 | + margin-bottom:20px; | |
38 | + line-height:20px; | |
39 | + width:270px; | |
40 | + text-indent:42px; | |
41 | +} | |
42 | +.appeal_success .m-content p span { | |
43 | + color:#23ac38 | |
44 | +} | |
45 | +.appeal_success .m-content .btn-success { | |
46 | + display:block; | |
47 | + line-height: 44px; | |
48 | + border-radius: 5px; | |
49 | +} | |
50 | +.appeal_success .btn-success{ | |
51 | + background:#23ac38 | |
52 | +} | |
0 | 53 | \ No newline at end of file | ... | ... |
css/style/attr_price.css
0 → 100644
1 | +++ a/css/style/attr_price.css | |
1 | +.m-table-form .m-table-view { | |
2 | + margin-top: 0px; | |
3 | + margin-bottom: 10px; | |
4 | + padding: 0 15px; | |
5 | + border-top: none; | |
6 | + border-bottom: 1px solid #ddd; | |
7 | + -webkit-box-sizing: border-box; | |
8 | + -moz-box-sizing: border-box; | |
9 | + box-sizing: border-box; | |
10 | +} | |
11 | +.m-table-form .m-table-view .cell { | |
12 | + font-size: 14px; | |
13 | + padding: 0px; | |
14 | + background-color: #FFF; | |
15 | + overflow: hidden; | |
16 | + position: relative; | |
17 | + text-align: left; | |
18 | + border-top: none; | |
19 | +} | |
20 | +.m-table-form .m-table-view .cell:last-child { | |
21 | + border-bottom: none; | |
22 | +} | |
23 | +.m-table-form .m-table-view .acc-icon { | |
24 | + position: relative; | |
25 | + padding-right: 30px; | |
26 | +} | |
27 | +.m-table-form .m-table-view .acc-icon .acc { | |
28 | + position: absolute; | |
29 | + right: 0; | |
30 | + top: 0; | |
31 | + min-width: 30px; | |
32 | + height: 100%; | |
33 | + line-height: 50px; | |
34 | + text-align: left; | |
35 | + color: #333; | |
36 | + text-align: right; | |
37 | +} | |
38 | +.m-table-form .m-table-view .acc-icon:after { | |
39 | + display: none; | |
40 | +} | |
41 | +.m-table-form .m-table-view .title { | |
42 | + font-size: 14px; | |
43 | + color: #666; | |
44 | + float: left; | |
45 | + font-weight: 400; | |
46 | + line-height: 50px; | |
47 | + width: 75px; | |
48 | +} | |
49 | +.m-table-form .m-table-view .text { | |
50 | + margin-left: 75px; | |
51 | + display: block; | |
52 | + font-size: 14px; | |
53 | + color: #333; | |
54 | + line-height: 50px; | |
55 | + position: relative; | |
56 | + white-space: nowrap; | |
57 | + word-break: break-all; | |
58 | + text-overflow: ellipsis; | |
59 | + overflow: hidden; | |
60 | +} | |
61 | +.m-table-form .m-table-view .text .m-input { | |
62 | + font-size: 14px; | |
63 | + display: inline-block; | |
64 | + width: 100%; | |
65 | + background: #fff; | |
66 | +} | |
67 | +.m-table-form .btn-finish { | |
68 | + position: fixed; | |
69 | + width: 100%; | |
70 | + line-height: 50px; | |
71 | + font-size: 18px; | |
72 | + color: #fff; | |
73 | + background: #1b6ba5; | |
74 | + text-align: center; | |
75 | + bottom: 0px; | |
76 | + border: 0; | |
77 | +} | |
78 | +#pm_price .select-unit { | |
79 | + font-size: 14px; | |
80 | + outline: none; | |
81 | +} | |
82 | +#priceAndAttr { | |
83 | + padding: 44px 0 50px; | |
84 | + -webkit-box-sizing: border-box; | |
85 | + -moz-box-sizing: border-box; | |
86 | + box-sizing: border-box; | |
87 | +} | |
88 | +#priceAndAttr .m-header { | |
89 | + margin-top: -44px; | |
90 | +} | |
91 | +#priceAndAttr .m-content { | |
92 | + height: 100%; | |
93 | + padding-bottom: 20px; | |
94 | + -webkit-box-sizing: border-box; | |
95 | + -moz-box-sizing: border-box; | |
96 | + box-sizing: border-box; | |
97 | + overflow: scroll; | |
98 | + -webkit-overflow-scrolling: touch; | |
99 | +} | |
100 | +#priceAndAttr .c-table-view { | |
101 | + margin-top: 10px; | |
102 | +} | |
103 | +#priceAndAttr .c-table-view .cell { | |
104 | + font-size: 14px; | |
105 | + padding: 0 0 0 10px; | |
106 | + background-color: #FFF; | |
107 | + overflow: hidden; | |
108 | + position: relative; | |
109 | + text-align: left; | |
110 | +} | |
111 | +#priceAndAttr .c-table-view .m-input { | |
112 | + line-height: 22px; | |
113 | + min-height: 22px; | |
114 | + margin: 0; | |
115 | + padding: 11px 11px 10px; | |
116 | + font-size: 15px; | |
117 | + color: #333; | |
118 | + width: 100%; | |
119 | + border: 1px solid #e2e2e2; | |
120 | + background: none; | |
121 | + text-align: left; | |
122 | + outline: none; | |
123 | + box-shadow: none; | |
124 | + background: #FFF; | |
125 | + -webkit-box-sizing: border-box; | |
126 | + -moz-box-sizing: border-box; | |
127 | + box-sizing: border-box; | |
128 | + -webkit-border-radius: 3px; | |
129 | + -moz-border-radius: 3px; | |
130 | + -ms-border-radius: 3px; | |
131 | + -o-border-radius: 3px; | |
132 | + border-radius: 3px; | |
133 | + vertical-align: middle; | |
134 | +} | |
135 | +#priceAndAttr .c-table-view .title { | |
136 | + font-size: 15px; | |
137 | + color: #999; | |
138 | + float: left; | |
139 | + font-weight: 400; | |
140 | + line-height: 44px; | |
141 | + min-width: 75px; | |
142 | + max-width: 150px; | |
143 | +} | |
144 | +#priceAndAttr .c-table-view .text { | |
145 | + margin-left: 75px; | |
146 | + display: block; | |
147 | + font-size: 15px; | |
148 | + color: #333; | |
149 | + line-height: 44px; | |
150 | + position: relative; | |
151 | + white-space: nowrap; | |
152 | + word-break: break-all; | |
153 | + text-overflow: ellipsis; | |
154 | + overflow: hidden; | |
155 | + padding-right: 10px; | |
156 | +} | |
157 | +#priceAndAttr .c-table-view .acc { | |
158 | + position: absolute; | |
159 | + right: 10px; | |
160 | + top: 0; | |
161 | + min-width: 30px; | |
162 | + height: 100%; | |
163 | + line-height: 44px; | |
164 | + text-align: left; | |
165 | + color: #999; | |
166 | + text-align: right; | |
167 | + pointer-events: none; | |
168 | +} | |
169 | +#priceAndAttr .c-table-view .m-select { | |
170 | + padding-right: 20px; | |
171 | +} | |
172 | +#priceAndAttr .c-table-view .m-select .select-text { | |
173 | + line-height: 44px; | |
174 | +} | |
175 | +#priceAndAttr .c-table-view .m-select select { | |
176 | + height: 100%; | |
177 | +} | |
178 | +#priceAndAttr .c-table-view .acc-icon { | |
179 | + position: relative; | |
180 | + padding-right: 40px; | |
181 | + font-size: 15px; | |
182 | +} | |
183 | +#priceAndAttr .c-table-view .acc-icon .text { | |
184 | + padding-right: 0; | |
185 | +} | |
186 | +#priceAndAttr .c-table-view .acc-icon .acc .m-icon { | |
187 | + margin-right: 5px; | |
188 | +} | |
189 | +#priceAndAttr .table-header { | |
190 | + font-size: 14px; | |
191 | + color: #333; | |
192 | + line-height: 20px; | |
193 | + padding: 10px 10px 0; | |
194 | +} | |
195 | +#priceAndAttr .m-footer { | |
196 | + padding: 0; | |
197 | +} | ... | ... |
css/style/attr_price.less
0 → 100644
1 | +++ a/css/style/attr_price.less | |
1 | +.m-table-form{ | |
2 | + .m-table-view{ | |
3 | + margin-top:0px; | |
4 | + margin-bottom:10px; | |
5 | + padding:0 15px; | |
6 | + border-top:none; | |
7 | + border-bottom:1px solid #ddd; | |
8 | + -webkit-box-sizing: border-box; | |
9 | + -moz-box-sizing: border-box; | |
10 | + box-sizing: border-box; | |
11 | + | |
12 | + .cell{ | |
13 | + font-size: 14px; | |
14 | + padding:0px; | |
15 | + background-color: #FFF; | |
16 | + overflow: hidden; | |
17 | + position: relative; | |
18 | + text-align: left; | |
19 | + border-top:none; | |
20 | + } | |
21 | + .cell:last-child{ | |
22 | + border-bottom:none; | |
23 | + } | |
24 | + .acc-icon{ | |
25 | + position: relative; | |
26 | + padding-right: 30px; | |
27 | + .acc{ | |
28 | + text-align: right; | |
29 | + position: absolute; | |
30 | + right: 0; | |
31 | + top: 0; | |
32 | + min-width: 30px; | |
33 | + height: 100%; | |
34 | + line-height: 50px; | |
35 | + text-align: left; | |
36 | + color: #333; | |
37 | + text-align: right; | |
38 | + } | |
39 | + | |
40 | + } | |
41 | + .acc-icon:after{ | |
42 | + display: none; | |
43 | + } | |
44 | + .title{ | |
45 | + font-size: 14px; | |
46 | + color: #666; | |
47 | + float: left; | |
48 | + font-weight: 400; | |
49 | + line-height: 50px; | |
50 | + width: 75px; | |
51 | + } | |
52 | + .text{ | |
53 | + margin-left: 75px; | |
54 | + display: block; | |
55 | + font-size: 14px; | |
56 | + color: #333; | |
57 | + line-height: 50px; | |
58 | + position: relative; | |
59 | + white-space: nowrap; | |
60 | + word-break:break-all; | |
61 | + text-overflow: ellipsis; | |
62 | + overflow: hidden; | |
63 | + .m-input{ | |
64 | + font-size: 14px; | |
65 | + display:inline-block; | |
66 | + width:100%; | |
67 | + background:#fff; | |
68 | + } | |
69 | + } | |
70 | + } | |
71 | + | |
72 | + .m-table-view .acc-icon .acc{ | |
73 | + } | |
74 | + | |
75 | + | |
76 | + .btn-finish{ | |
77 | + position:fixed; | |
78 | + width:100%; | |
79 | + line-height:50px; | |
80 | + font-size: 18px; | |
81 | + color:#fff; | |
82 | + background:#1b6ba5; | |
83 | + text-align: center; | |
84 | + bottom:0px; | |
85 | + border: 0; | |
86 | + } | |
87 | +} | |
88 | +#pm_price { | |
89 | + .select-unit { | |
90 | + font-size: 14px; | |
91 | + outline: none; | |
92 | + } | |
93 | +} | |
94 | + | |
95 | +#priceAndAttr { | |
96 | + padding: 44px 0 50px; | |
97 | + -webkit-box-sizing: border-box; | |
98 | + -moz-box-sizing: border-box; | |
99 | + box-sizing: border-box; | |
100 | + .m-header { | |
101 | + margin-top: -44px; | |
102 | + } | |
103 | + .m-content { | |
104 | + height: 100%; | |
105 | + padding-bottom: 20px; | |
106 | + -webkit-box-sizing: border-box; | |
107 | + -moz-box-sizing: border-box; | |
108 | + box-sizing: border-box; | |
109 | + overflow: scroll; | |
110 | + -webkit-overflow-scrolling: touch; | |
111 | + } | |
112 | + .c-table-view { | |
113 | + margin-top: 10px; | |
114 | + .cell { | |
115 | + font-size: 14px; | |
116 | + padding: 0 0 0 10px; | |
117 | + background-color: #FFF; | |
118 | + overflow: hidden; | |
119 | + position: relative; | |
120 | + text-align: left; | |
121 | + } | |
122 | + .m-input { | |
123 | + line-height: 22px; | |
124 | + min-height: 22px; | |
125 | + margin: 0; | |
126 | + padding: 11px 11px 10px; | |
127 | + font-size: 15px; | |
128 | + color: #333; | |
129 | + width: 100%; | |
130 | + border: 1px solid #e2e2e2; | |
131 | + background: none; | |
132 | + text-align: left; | |
133 | + outline: none; | |
134 | + box-shadow: none; | |
135 | + background: #FFF; | |
136 | + -webkit-box-sizing: border-box; | |
137 | + -moz-box-sizing: border-box; | |
138 | + box-sizing: border-box; | |
139 | + -webkit-border-radius: 3px; | |
140 | + -moz-border-radius: 3px; | |
141 | + -ms-border-radius: 3px; | |
142 | + -o-border-radius: 3px; | |
143 | + border-radius: 3px; | |
144 | + vertical-align: middle; | |
145 | + } | |
146 | + .title { | |
147 | + font-size: 15px; | |
148 | + color: #999; | |
149 | + float: left; | |
150 | + font-weight: 400; | |
151 | + line-height: 44px; | |
152 | + min-width: 75px; | |
153 | + max-width: 150px; | |
154 | + } | |
155 | + .text { | |
156 | + margin-left: 75px; | |
157 | + display: block; | |
158 | + font-size: 15px; | |
159 | + color: #333; | |
160 | + line-height: 44px; | |
161 | + position: relative; | |
162 | + white-space: nowrap; | |
163 | + word-break: break-all; | |
164 | + text-overflow: ellipsis; | |
165 | + overflow: hidden; | |
166 | + padding-right: 10px; | |
167 | + } | |
168 | + .acc { | |
169 | + position: absolute; | |
170 | + right: 10px; | |
171 | + top: 0; | |
172 | + min-width: 30px; | |
173 | + height: 100%; | |
174 | + line-height: 44px; | |
175 | + text-align: left; | |
176 | + color: #999; | |
177 | + text-align: right; | |
178 | + pointer-events: none; | |
179 | + } | |
180 | + .m-select { | |
181 | + padding-right: 20px; | |
182 | + .select-text { | |
183 | + line-height: 44px; | |
184 | + } | |
185 | + select { | |
186 | + height: 100%; | |
187 | + } | |
188 | + } | |
189 | + .acc-icon { | |
190 | + position: relative; | |
191 | + padding-right: 40px; | |
192 | + font-size: 15px; | |
193 | + .text { | |
194 | + padding-right: 0; | |
195 | + } | |
196 | + .acc { | |
197 | + .m-icon { | |
198 | + margin-right: 5px; | |
199 | + } | |
200 | + } | |
201 | + } | |
202 | + } | |
203 | + .table-header { | |
204 | + font-size: 14px; | |
205 | + color: #333; | |
206 | + line-height: 20px; | |
207 | + padding: 10px 10px 0; | |
208 | + } | |
209 | + .m-footer { | |
210 | + padding: 0; | |
211 | + } | |
212 | +} | ... | ... |
css/style/auth_enterprise.css
0 → 100644
1 | +++ a/css/style/auth_enterprise.css | |
1 | +.bg-img{background:url(../../images/icon/icon.png)no-repeat;background-size:150px}.authEnterprisePage .m-tab li{width:50%;padding:0}.authEnterprisePage .m-table-view .cell{padding:0 10px 0 95px}.authEnterprisePage .m-table-view .cell .title{margin-left:-85px;line-height:42px;min-width:70px;color:#666;text-align:left}.authEnterprisePage .m-table-view .cell .m-input{margin-left:-10px;float:left;width:100%;padding:10px 8px;border:none;background:0 0}.authEnterprisePage .m-table-view .cell .text{line-height:42px;position:relative}.authEnterprisePage .m-table-view .cell.on .text .tips{visibility:hidden}.authEnterprisePage .m-table-view .cell .pic{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1}.authEnterprisePage .m-table-view .cell .preview{position:absolute;width:36px;height:36px;right:15px;top:3px;background-position:center center;background-repeat:no-repeat} | |
0 | 2 | \ No newline at end of file | ... | ... |
css/style/auth_enterprise.less
0 → 100644
1 | +++ a/css/style/auth_enterprise.less | |
1 | +@import "m/var"; | |
2 | +.authEnterprisePage { | |
3 | + .m-tab { | |
4 | + li { | |
5 | + width: 50%; | |
6 | + padding: 0; | |
7 | + } | |
8 | + } | |
9 | + .m-table-view { | |
10 | + .cell { | |
11 | + padding: 0 10px 0 95px; | |
12 | + .title { | |
13 | + margin-left: -85px; | |
14 | + line-height: 42px; | |
15 | + min-width: 70px; | |
16 | + color: #666; | |
17 | + text-align: left; | |
18 | + } | |
19 | + .m-input { | |
20 | + margin-left: -10px; | |
21 | + float: left; | |
22 | + width: 100%; | |
23 | + padding: 10px 8px; | |
24 | + border: none; | |
25 | + background: none; | |
26 | + } | |
27 | + .text { | |
28 | + line-height: 42px; | |
29 | + position: relative; | |
30 | + } | |
31 | + &.on { | |
32 | + .text .tips { | |
33 | + visibility: hidden; | |
34 | + } | |
35 | + } | |
36 | + .pic { | |
37 | + position: absolute; | |
38 | + left: 0; | |
39 | + top: 0; | |
40 | + width: 100%; | |
41 | + height: 100%; | |
42 | + opacity: 0; | |
43 | + z-index: 1; | |
44 | + } | |
45 | + .preview { | |
46 | + position: absolute; | |
47 | + width: 36px; | |
48 | + height: 36px; | |
49 | + right: 15px; | |
50 | + top: 3px; | |
51 | + background-position: center center; | |
52 | + background-repeat: no-repeat; | |
53 | + } | |
54 | + } | |
55 | + } | |
56 | +} | ... | ... |
css/style/auth_person.css
0 → 100644
1 | +++ a/css/style/auth_person.css | |
1 | +.bg-img{background:url(../../images/icon/icon.png)no-repeat;background-size:150px}.authPersonPage .m-table-view .cell{padding:0 10px 0 85px}.authPersonPage .m-table-view .cell .title{margin-left:-75px;line-height:42px;width:60px;color:#666}.authPersonPage .m-table-view .cell .m-input{margin-left:-10px;float:left;width:100%;padding:10px 8px;border:none;background:0 0} | |
0 | 2 | \ No newline at end of file | ... | ... |
css/style/auth_person.less
0 → 100644
1 | +++ a/css/style/auth_person.less | |
1 | +@import "m/var"; | |
2 | +.authPersonPage{ | |
3 | + .m-table-view{ | |
4 | + .cell{ | |
5 | + padding: 0 10px 0 85px; | |
6 | + .title{ | |
7 | + margin-left: -75px; | |
8 | + line-height: 42px; | |
9 | + width: 60px; | |
10 | + color: #666; | |
11 | + } | |
12 | + .m-input{ | |
13 | + margin-left: -10px; | |
14 | + float: left; | |
15 | + width: 100%; | |
16 | + padding: 10px 8px; | |
17 | + border: none; | |
18 | + background: none; | |
19 | + } | |
20 | + } | |
21 | + } | |
22 | +} | |
0 | 23 | \ No newline at end of file | ... | ... |
css/style/category.css
0 → 100644
1 | +++ a/css/style/category.css | |
1 | +.categoryPage { | |
2 | + background-color: #FFF; | |
3 | +} | |
4 | +.categoryPage .addr-page { | |
5 | + position: fixed; | |
6 | + top: 0; | |
7 | + height: 100%; | |
8 | + bottom: 0; | |
9 | + left: 0; | |
10 | + width: 100%; | |
11 | + z-index: 10; | |
12 | + background-color: #fff; | |
13 | + overflow: hidden; | |
14 | +} | |
15 | +.categoryPage .addr-page .m-header { | |
16 | + background-color: #F8F8F8; | |
17 | +} | |
18 | +.categoryPage .addr-page .m-table-view { | |
19 | + border: none; | |
20 | +} | |
21 | +.categoryPage .addr-page .m-table-view .cell { | |
22 | + font-size: 14px; | |
23 | + padding: 0 0 0 10px; | |
24 | + overflow: hidden; | |
25 | + position: relative; | |
26 | + text-align: left; | |
27 | + border: none; | |
28 | +} | |
29 | +.categoryPage .addr-page .m-table-view .cell.selected { | |
30 | + background-color: #FFF; | |
31 | +} | |
32 | +.categoryPage .addr-page .m-table-view .cell.selected .title { | |
33 | + color: #23AC38; | |
34 | +} | |
35 | +.categoryPage .addr-page .m-table-view .cell.selected:after { | |
36 | + border-right: 1px solid #fff !important; | |
37 | +} | |
38 | +.categoryPage .addr-page .m-table-view .title { | |
39 | + font-size: 15px; | |
40 | + color: #999; | |
41 | + float: left; | |
42 | + font-weight: 400; | |
43 | + line-height: 44px; | |
44 | + width: 100%; | |
45 | + white-space: nowrap; | |
46 | + overflow: hidden; | |
47 | + text-overflow: ellipsis; | |
48 | + text-align: left; | |
49 | +} | |
50 | +.categoryPage .addr-page .m-table-view .text { | |
51 | + margin-left: 75px; | |
52 | + display: block; | |
53 | + font-size: 15px; | |
54 | + color: #333; | |
55 | + line-height: 44px; | |
56 | + position: relative; | |
57 | + white-space: nowrap; | |
58 | + word-break: break-all; | |
59 | + text-overflow: ellipsis; | |
60 | + overflow: hidden; | |
61 | +} | |
62 | +.categoryPage .addr-page .m-table-view .text .m-input { | |
63 | + font-size: 15px; | |
64 | +} | |
65 | +.categoryPage .addr-page .border-1px-full:after { | |
66 | + border-width: 0 1px 1px 0; | |
67 | + border-color: #ddd; | |
68 | +} | |
69 | +.categoryPage .addr-page .m-content { | |
70 | + height: 100%; | |
71 | + box-sizing: border-box; | |
72 | + padding-top: 44px; | |
73 | + overflow: hidden; | |
74 | + margin-top: -44px; | |
75 | +} | |
76 | +.categoryPage .addr-page i { | |
77 | + font-style: normal; | |
78 | +} | |
79 | +.categoryPage .addr-page .cell-radio { | |
80 | + background-color: #FFF; | |
81 | + margin-bottom: 0; | |
82 | +} | |
83 | +.categoryPage .addr-section { | |
84 | + overflow-x: hidden; | |
85 | + overflow-y: scroll; | |
86 | + height: 100%; | |
87 | + -webkit-overflow-scrolling: touch; | |
88 | + position: relative; | |
89 | +} | |
90 | +.categoryPage .addr-section .m-table-view { | |
91 | + margin: 0; | |
92 | +} | |
93 | +.categoryPage .province { | |
94 | + width: 125px; | |
95 | + float: left; | |
96 | + background-color: #f8f8f8; | |
97 | +} | |
98 | +.categoryPage .province .m-table-view { | |
99 | + position: relative; | |
100 | + z-index: 2; | |
101 | +} | |
102 | +.categoryPage .province .cell { | |
103 | + background-color: #f8f8f8; | |
104 | +} | |
105 | +.categoryPage .province .cell.selected { | |
106 | + background-color: #FFF; | |
107 | +} | |
108 | +.categoryPage .province .cell.selected:after { | |
109 | + border-width: 0 0 1px 0; | |
110 | +} | |
111 | +.categoryPage .city { | |
112 | + margin-left: 135px; | |
113 | +} | |
114 | +.categoryPage .city .cell { | |
115 | + padding: 0; | |
116 | +} | ... | ... |
css/style/category.less
0 → 100644
1 | +++ a/css/style/category.less | |
1 | +.categoryPage{ | |
2 | + background-color: #FFF; | |
3 | + .addr-page{ | |
4 | + position: fixed; | |
5 | + top: 0; | |
6 | + height: 100%; | |
7 | + bottom:0; | |
8 | + left: 0; | |
9 | + width: 100%; | |
10 | + // bottom: 0; | |
11 | + z-index: 10; | |
12 | + background-color: #fff; | |
13 | + overflow: hidden; | |
14 | + .m-header{ | |
15 | + background-color: #F8F8F8; | |
16 | + .head h1{ | |
17 | + // font-size: 15px; | |
18 | + } | |
19 | + } | |
20 | + .m-table-view{ | |
21 | + border: none; | |
22 | + .cell{ | |
23 | + font-size: 14px; | |
24 | + padding: 0 0 0 10px; | |
25 | + // border-bottom: 1px solid #ddd; | |
26 | + overflow: hidden; | |
27 | + position: relative; | |
28 | + text-align: left; | |
29 | + border: none; | |
30 | + &.selected{ | |
31 | + background-color: #FFF; | |
32 | + .title{ | |
33 | + color: #23AC38; | |
34 | + } | |
35 | + &:after{ | |
36 | + border-right: 1px solid #fff !important; | |
37 | + } | |
38 | + } | |
39 | + } | |
40 | + .title{ | |
41 | + font-size: 15px; | |
42 | + color: #999; | |
43 | + float: left; | |
44 | + font-weight: 400; | |
45 | + line-height: 44px; | |
46 | + width: 100%; | |
47 | + white-space: nowrap; | |
48 | + overflow: hidden; | |
49 | + text-overflow: ellipsis; | |
50 | + text-align: left; | |
51 | + } | |
52 | + .text{ | |
53 | + margin-left: 75px; | |
54 | + display: block; | |
55 | + font-size: 15px; | |
56 | + color: #333; | |
57 | + line-height: 44px; | |
58 | + position: relative; | |
59 | + white-space: nowrap; | |
60 | + word-break:break-all; | |
61 | + text-overflow: ellipsis; | |
62 | + overflow: hidden; | |
63 | + .m-input{ | |
64 | + font-size: 15px; | |
65 | + } | |
66 | + } | |
67 | + } | |
68 | + .border-1px-full{ | |
69 | + &:after { | |
70 | + border-width: 0 1px 1px 0; | |
71 | + border-color: #ddd; | |
72 | + } | |
73 | + } | |
74 | + .m-content{ | |
75 | + height: 100%; | |
76 | + box-sizing: border-box; | |
77 | + padding-top: 44px; | |
78 | + overflow: hidden; | |
79 | + margin-top: -44px; | |
80 | + } | |
81 | + i{ | |
82 | + font-style: normal; | |
83 | + } | |
84 | + .cell-radio{ | |
85 | + background-color: #FFF; | |
86 | + margin-bottom: 0; | |
87 | + } | |
88 | + } | |
89 | + | |
90 | + .addr-section{ | |
91 | + overflow-x: hidden; | |
92 | + // overflow: hidden; | |
93 | + overflow-y: scroll; | |
94 | + height: 100%; | |
95 | + -webkit-overflow-scrolling: touch; | |
96 | + position: relative; | |
97 | + .m-table-view{ | |
98 | + margin: 0; | |
99 | + } | |
100 | + } | |
101 | + .province{ | |
102 | + width: 125px; | |
103 | + float: left; | |
104 | + background-color: #f8f8f8; | |
105 | + .m-table-view{ | |
106 | + position: relative; | |
107 | + z-index: 2; | |
108 | + } | |
109 | + .cell{ | |
110 | + background-color: #f8f8f8; | |
111 | + &.selected{ | |
112 | + background-color: #FFF; | |
113 | + &:after { | |
114 | + border-width: 0 0 1px 0; | |
115 | + } | |
116 | + } | |
117 | + } | |
118 | + } | |
119 | + .city{ | |
120 | + margin-left: 135px; | |
121 | + .m-table-view{ | |
122 | + // padding-right: 10px; | |
123 | + } | |
124 | + .cell{ | |
125 | + padding:0; | |
126 | + } | |
127 | + } | |
128 | +} | |
0 | 129 | \ No newline at end of file | ... | ... |