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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 129 | \ No newline at end of file |