Commit 76106f4a7dcce0ab2770a1ebe769b1d1276475ca
1 parent
2008c1af
add some file
Showing
12 changed files
with
1138 additions
and
0 deletions
2.0/storedetail.html
0 → 100644
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/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" data-id="2738"> | ||
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="#" id="favShop" data-id="2738"> | ||
52 | + <span class="m-icon icon-wsc white"></span> | ||
53 | + <span>收藏店铺</span> | ||
54 | + </a> | ||
55 | + </li> | ||
56 | + <li class="br"> | ||
57 | + <a href="tel:1300000000"> | ||
58 | + <span class="m-icon icon-fav 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"> | ||
67 | + <li class="on"><a href="#" data-ajax="false" class="text">全部商品</a> | ||
68 | + </li> | ||
69 | + <li><a href="#" data-ajax="false" class="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 | +<!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/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/transit.html
0 → 100644
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/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 | +<!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/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" data-id="2738"> | ||
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="#" id="favShop" data-id="2738"> | ||
48 | + <span class="m-icon icon-wsc white"></span> | ||
49 | + <span>收藏店铺</span> | ||
50 | + </a> | ||
51 | + </li> | ||
52 | + <li class="br"> | ||
53 | + <a href="tel:1300000000"> | ||
54 | + <span class="m-icon icon-fav 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 |
css/style/storedetail.css
0 → 100644
1 | +#storedetail { | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | +} | ||
4 | +#storedetail .bg-img { | ||
5 | + background: url(../../images/icon/icon.png) no-repeat; | ||
6 | + background-size: 150px; | ||
7 | +} | ||
8 | +#storedetail .top { | ||
9 | + background: url(../../images/user-home.png) center center no-repeat; | ||
10 | + background-size: cover; | ||
11 | +} | ||
12 | +#storedetail .m-page { | ||
13 | + padding-bottom: 0; | ||
14 | +} | ||
15 | +#storedetail .shop { | ||
16 | + position: relative; | ||
17 | + padding: 15px 15px 15px 90px; | ||
18 | + overflow: hidden; | ||
19 | + color: #fff; | ||
20 | +} | ||
21 | +#storedetail .shop .store-label { | ||
22 | + position: absolute; | ||
23 | + left: 15px; | ||
24 | + top: 15px; | ||
25 | +} | ||
26 | +#storedetail .shop .from-label { | ||
27 | + display: inline-block; | ||
28 | + position: absolute; | ||
29 | + right: 10px; | ||
30 | + top: 15px; | ||
31 | +} | ||
32 | +#storedetail .shop .cover { | ||
33 | + float: left; | ||
34 | + margin-left: -75px; | ||
35 | + width: 60px; | ||
36 | + height: 60px; | ||
37 | + box-shadow: 0 0 3px #999; | ||
38 | + line-height: 16px; | ||
39 | +} | ||
40 | +#storedetail .shop h3 { | ||
41 | + font-size: 16px; | ||
42 | + color: #FFF; | ||
43 | + font-weight: 400; | ||
44 | + line-height: 20px; | ||
45 | +} | ||
46 | +#storedetail .shop p { | ||
47 | + font-size: 14px; | ||
48 | + color: #ffffff; | ||
49 | +} | ||
50 | +#storedetail .user-tools { | ||
51 | + height: 45px; | ||
52 | + line-height: 45px; | ||
53 | + width: 100%; | ||
54 | + background: rgba(0, 0, 0, 0.2); | ||
55 | +} | ||
56 | +#storedetail .user-tools li { | ||
57 | + width: 49.5%; | ||
58 | + float: left; | ||
59 | + text-align: center; | ||
60 | + color: #ffffff; | ||
61 | +} | ||
62 | +#storedetail .user-tools li span { | ||
63 | + margin-left: 5px; | ||
64 | + line-height: 45px; | ||
65 | + color: #ffffff; | ||
66 | +} | ||
67 | +#storedetail .tabs { | ||
68 | + padding: 15px; | ||
69 | +} | ||
70 | +#storedetail .tabs li { | ||
71 | + border-radius: 0px; | ||
72 | + border: 1px solid #ccc; | ||
73 | +} | ||
74 | +#storedetail .tabs li a { | ||
75 | + color: #666; | ||
76 | +} | ||
77 | +#storedetail .tabs li.on { | ||
78 | + background-color: #23ac38; | ||
79 | + border: 1px solid #23ac38; | ||
80 | +} | ||
81 | +#storedetail .tabs li.on a { | ||
82 | + color: #fff; | ||
83 | +} | ||
84 | +#storedetail .m-table-view { | ||
85 | + margin-top: 0; | ||
86 | + border-top: none; | ||
87 | +} | ||
88 | +#storedetail .m-table-view .cell { | ||
89 | + padding: 15px 15px 15px 110px; | ||
90 | + background: #f5f5f5; | ||
91 | +} | ||
92 | +#storedetail .m-table-view .cell .pic { | ||
93 | + width: 80px; | ||
94 | + height: 80px; | ||
95 | + margin-left: -95px; | ||
96 | +} | ||
97 | +#storedetail .m-table-view .cell .title { | ||
98 | + padding-bottom: 30px; | ||
99 | + color: #666; | ||
100 | + font-size: 14px; | ||
101 | + display: block; | ||
102 | +} | ||
103 | +#storedetail .m-table-view .btm { | ||
104 | + position: absolute; | ||
105 | + bottom: 15px; | ||
106 | + right: 15px; | ||
107 | + left: 110px; | ||
108 | +} | ||
109 | +#storedetail .m-table-view .btm em { | ||
110 | + font-style: normal; | ||
111 | + color: #FA4535; | ||
112 | + font-size: 16px; | ||
113 | + font-weight: 700; | ||
114 | +} | ||
115 | +#storedetail .m-table-view .btm .source { | ||
116 | + float: right; | ||
117 | + font-size: 12px; | ||
118 | + color: #999999; | ||
119 | +} |
css/style/storedetail.less
0 → 100644
1 | +#storedetail{ | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | + .bg-img { | ||
4 | + background: url(../../images/icon/icon.png)no-repeat; | ||
5 | + background-size: 150px | ||
6 | + } | ||
7 | + | ||
8 | + .top { | ||
9 | + background: url(../../images/user-home.png)center center no-repeat; | ||
10 | + background-size: cover; | ||
11 | + } | ||
12 | + | ||
13 | + .m-page { | ||
14 | + padding-bottom: 0 | ||
15 | + } | ||
16 | + | ||
17 | + .shop { | ||
18 | + position: relative; | ||
19 | + padding: 15px 15px 15px 90px; | ||
20 | + overflow: hidden; | ||
21 | + color:#fff; | ||
22 | + | ||
23 | + .store-label{ | ||
24 | + position: absolute; | ||
25 | + left: 15px; | ||
26 | + top: 15px; | ||
27 | + } | ||
28 | + .from-label{ | ||
29 | + display:inline-block; | ||
30 | + position:absolute; | ||
31 | + right:10px; | ||
32 | + top:15px; | ||
33 | + } | ||
34 | + } | ||
35 | + | ||
36 | + .shop .cover { | ||
37 | + float: left; | ||
38 | + margin-left: -75px; | ||
39 | + width: 60px; | ||
40 | + height: 60px; | ||
41 | + box-shadow: 0 0 3px #999; | ||
42 | + line-height:16px; | ||
43 | + } | ||
44 | + | ||
45 | + .shop h3 { | ||
46 | + font-size: 16px; | ||
47 | + color: #FFF; | ||
48 | + font-weight: 400; | ||
49 | + line-height: 20px; | ||
50 | + } | ||
51 | + | ||
52 | + .shop p { | ||
53 | + font-size: 14px; | ||
54 | + color: #FFF | ||
55 | + } | ||
56 | + | ||
57 | + .user-tools { | ||
58 | + height: 45px; | ||
59 | + line-height:45px; | ||
60 | + width: 100%; | ||
61 | + background: rgba(0,0,0,.2) | ||
62 | + } | ||
63 | + | ||
64 | + .user-tools li { | ||
65 | + width: 49.5%; | ||
66 | + float: left; | ||
67 | + text-align: center; | ||
68 | + color: #FFF | ||
69 | + } | ||
70 | + | ||
71 | + .user-tools li span{ | ||
72 | + margin-left:5px; | ||
73 | + line-height:45px; | ||
74 | + color: #FFF | ||
75 | + } | ||
76 | + .tabs{ | ||
77 | + padding:15px; | ||
78 | + } | ||
79 | + .tabs li{ | ||
80 | + border-radius:0px; | ||
81 | + border:1px solid #ccc; | ||
82 | + } | ||
83 | + .tabs li a{ | ||
84 | + color:#666; | ||
85 | + } | ||
86 | + .tabs li.on{ | ||
87 | + background-color:#23ac38; | ||
88 | + border:1px solid #23ac38; | ||
89 | + } | ||
90 | + .tabs li.on a{ | ||
91 | + color:#fff; | ||
92 | + } | ||
93 | + | ||
94 | + .m-table-view { | ||
95 | + margin-top: 0; | ||
96 | + border-top: none | ||
97 | + } | ||
98 | + | ||
99 | + .m-table-view .cell { | ||
100 | + padding: 15px 15px 15px 110px; | ||
101 | + background:#f5f5f5; | ||
102 | + } | ||
103 | + | ||
104 | + .m-table-view .cell .pic { | ||
105 | + width: 80px; | ||
106 | + height: 80px; | ||
107 | + margin-left: -95px | ||
108 | + } | ||
109 | + | ||
110 | + .m-table-view .cell .title { | ||
111 | + padding-bottom: 30px; | ||
112 | + color: #666; | ||
113 | + font-size: 14px; | ||
114 | + display: block | ||
115 | + } | ||
116 | + | ||
117 | + .m-table-view .btm { | ||
118 | + position: absolute; | ||
119 | + bottom: 15px; | ||
120 | + right: 15px; | ||
121 | + left: 110px | ||
122 | + } | ||
123 | + | ||
124 | + .m-table-view .btm em { | ||
125 | + font-style: normal; | ||
126 | + color: #FA4535; | ||
127 | + font-size: 16px; | ||
128 | + font-weight: 700 | ||
129 | + } | ||
130 | + | ||
131 | + .m-table-view .btm .source { | ||
132 | + float: right; | ||
133 | + font-size: 12px; | ||
134 | + color: #999 | ||
135 | + } | ||
136 | +} | ||
0 | \ No newline at end of file | 137 | \ No newline at end of file |
css/style/storefinfo.css
0 → 100644
1 | +#storefinfo { | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | +} | ||
4 | +#storefinfo .m-table-view h2 { | ||
5 | + font-size: 14px; | ||
6 | + color: #333; | ||
7 | + line-height: 23px; | ||
8 | + text-align: left; | ||
9 | + font-weight: normal; | ||
10 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
11 | +} | ||
12 | +#storefinfo .m-table-view .cell { | ||
13 | + text-align: left; | ||
14 | +} | ||
15 | +#storefinfo .m-table-view .cell .title { | ||
16 | + color: #999; | ||
17 | +} | ||
18 | +#storefinfo .m-table-view .cell .text { | ||
19 | + color: #666; | ||
20 | +} | ||
21 | +#storefinfo .m-table-view .store-intro { | ||
22 | + color: #999; | ||
23 | + min-height: 120px; | ||
24 | +} |
css/style/storefinfo.less
0 → 100644
1 | +#storefinfo{ | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | + .m-table-view{ | ||
4 | + h2{ | ||
5 | + font-size: 14px; | ||
6 | + color:#333; | ||
7 | + line-height:23px; | ||
8 | + text-align:left; | ||
9 | + font-weight: normal; | ||
10 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
11 | + } | ||
12 | + .cell{ | ||
13 | + text-align:left; | ||
14 | + } | ||
15 | + .cell .title{ | ||
16 | + color:#999; | ||
17 | + } | ||
18 | + .cell .text{ | ||
19 | + color:#666; | ||
20 | + } | ||
21 | + .store-intro{ | ||
22 | + color:#999; | ||
23 | + min-height:120px; | ||
24 | + } | ||
25 | + } | ||
26 | +} | ||
0 | \ No newline at end of file | 27 | \ No newline at end of file |
css/style/transit.css
0 → 100644
1 | +#transit { | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | +} | ||
4 | +#transit .padding10 { | ||
5 | + padding: 10px; | ||
6 | +} | ||
7 | +#transit .inline-form { | ||
8 | + line-height: 40px; | ||
9 | + font-size: 0px; | ||
10 | +} | ||
11 | +#transit .inline-form input { | ||
12 | + box-sizing: border-box; | ||
13 | + width: 100px; | ||
14 | + height: 40px; | ||
15 | + line-height: 40px; | ||
16 | + border: 1px solid #ddd; | ||
17 | + background: #fff; | ||
18 | + padding-left: 10px; | ||
19 | + font-size: 14px; | ||
20 | + color: #333; | ||
21 | +} | ||
22 | +#transit .inline-form .divied { | ||
23 | + display: inline-block; | ||
24 | + width: 30px; | ||
25 | + text-align: center; | ||
26 | + color: #000; | ||
27 | + font-size: 14px; | ||
28 | + vertical-align: bottom; | ||
29 | +} | ||
30 | +#transit .inline-form .m-btn { | ||
31 | + box-sizing: border-box; | ||
32 | + width: 60px; | ||
33 | + height: 40px; | ||
34 | + font-size: 14px; | ||
35 | + text-align: center; | ||
36 | + line-height: 40px; | ||
37 | + border-radius: 0px; | ||
38 | + background: #23ac38; | ||
39 | + color: #fff; | ||
40 | + float: right; | ||
41 | + border: 0px solid #ddd; | ||
42 | +} | ||
43 | +#transit .column { | ||
44 | + margin-top: 10px; | ||
45 | + padding: 10px; | ||
46 | + border: 1px solid #ddd; | ||
47 | + background: #fff; | ||
48 | + position: relative; | ||
49 | +} | ||
50 | +#transit .column .name { | ||
51 | + font-size: 16px; | ||
52 | + color: #333; | ||
53 | + line-height: 26px; | ||
54 | +} | ||
55 | +#transit .column .links { | ||
56 | + height: 34px; | ||
57 | + line-height: 26px; | ||
58 | + color: #23ac38; | ||
59 | + font-size: 14px; | ||
60 | +} | ||
61 | +#transit .column hr { | ||
62 | + border: 0px solid #ddd; | ||
63 | + border-top: 1px solid #ddd; | ||
64 | +} | ||
65 | +#transit .column .addr { | ||
66 | + height: 35px; | ||
67 | + line-height: 35px; | ||
68 | + font-size: 14px; | ||
69 | + color: #999; | ||
70 | + padding-right: 80px; | ||
71 | +} | ||
72 | +#transit .column .btn-contact { | ||
73 | + padding: 0px; | ||
74 | + width: 70px; | ||
75 | + height: 30px; | ||
76 | + line-height: 30px; | ||
77 | + font-size: 14px; | ||
78 | + border: 1px solid #ddd; | ||
79 | + border-radius: 0px; | ||
80 | + background: #fff; | ||
81 | + color: #666; | ||
82 | + text-align: center; | ||
83 | + position: absolute; | ||
84 | + bottom: 10px; | ||
85 | + right: 10px; | ||
86 | +} | ||
87 | +#transit .more { | ||
88 | + margin-top: 40px; | ||
89 | + margin-bottom: 20px; | ||
90 | + border-top: 1px solid #ddd; | ||
91 | + text-align: center; | ||
92 | + position: relative; | ||
93 | +} | ||
94 | +#transit .more .tip { | ||
95 | + display: inline-block; | ||
96 | + padding: 0 15px; | ||
97 | + font-size: 14px; | ||
98 | + color: #999; | ||
99 | + top: -11px; | ||
100 | + left: 50%; | ||
101 | + margin-left: -70px; | ||
102 | + position: absolute; | ||
103 | + background: #f5f5f5; | ||
104 | +} |
css/style/transit.less
0 → 100644
1 | +#transit{ | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | + .padding10{ | ||
4 | + padding:10px; | ||
5 | + } | ||
6 | + .inline-form{ | ||
7 | + line-height:40px; | ||
8 | + font-size:0px; | ||
9 | + input{ | ||
10 | + box-sizing: border-box; | ||
11 | + width:100px; | ||
12 | + height:40px; | ||
13 | + line-height:40px; | ||
14 | + border:1px solid #ddd; | ||
15 | + background:#fff; | ||
16 | + padding-left:10px; | ||
17 | + font-size:14px; | ||
18 | + color:#333; | ||
19 | + } | ||
20 | + .divied{ | ||
21 | + display:inline-block; | ||
22 | + width: 30px; | ||
23 | + text-align: center; | ||
24 | + color:#000; | ||
25 | + font-size:14px; | ||
26 | + vertical-align: bottom; | ||
27 | + } | ||
28 | + .m-btn{ | ||
29 | + box-sizing: border-box; | ||
30 | + width: 60px; | ||
31 | + height:40px; | ||
32 | + font-size: 14px; | ||
33 | + text-align:center; | ||
34 | + line-height:40px; | ||
35 | + border-radius:0px; | ||
36 | + background:#23ac38; | ||
37 | + color:#fff; | ||
38 | + float:right; | ||
39 | + border: 0px solid #ddd; | ||
40 | + } | ||
41 | + } | ||
42 | + .column{ | ||
43 | + margin-top:10px; | ||
44 | + padding:10px; | ||
45 | + border:1px solid #ddd; | ||
46 | + background: #fff; | ||
47 | + position: relative; | ||
48 | + | ||
49 | + .name{ | ||
50 | + font-size:16px; | ||
51 | + color:#333; | ||
52 | + line-height:26px; | ||
53 | + } | ||
54 | + .links{ | ||
55 | + height:34px; | ||
56 | + line-height:26px; | ||
57 | + color:#23ac38; | ||
58 | + font-size:14px; | ||
59 | + } | ||
60 | + hr{ | ||
61 | + border:0px solid #ddd; | ||
62 | + border-top:1px solid #ddd; | ||
63 | + } | ||
64 | + .addr{ | ||
65 | + height:35px; | ||
66 | + line-height:35px; | ||
67 | + font-size: 14px; | ||
68 | + color:#999; | ||
69 | + padding-right:80px; | ||
70 | + } | ||
71 | + .btn-contact{ | ||
72 | + padding:0px; | ||
73 | + width:70px; | ||
74 | + height:30px; | ||
75 | + line-height:30px; | ||
76 | + font-size: 14px; | ||
77 | + border:1px solid #ddd; | ||
78 | + border-radius:0px; | ||
79 | + background:#fff; | ||
80 | + color:#666; | ||
81 | + text-align: center; | ||
82 | + position:absolute; | ||
83 | + bottom:10px; | ||
84 | + right:10px; | ||
85 | + } | ||
86 | + } | ||
87 | + .more{ | ||
88 | + margin-top:40px; | ||
89 | + margin-bottom:20px; | ||
90 | + border-top:1px solid #ddd; | ||
91 | + text-align:center; | ||
92 | + position:relative; | ||
93 | + } | ||
94 | + .more .tip{ | ||
95 | + display: inline-block; | ||
96 | + padding:0 15px; | ||
97 | + font-size:14px; | ||
98 | + color:#999; | ||
99 | + top:-11px; | ||
100 | + left:50%; | ||
101 | + margin-left:-70px; | ||
102 | + position:absolute; | ||
103 | + background:#f5f5f5; | ||
104 | + } | ||
105 | +} |
css/style/transitstore.css
0 → 100644
1 | +#transitstore { | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | +} | ||
4 | +#transitstore .bg-img { | ||
5 | + background: url(../../images/icon/icon.png) no-repeat; | ||
6 | + background-size: 150px; | ||
7 | +} | ||
8 | +#transitstore .top { | ||
9 | + background: url(../../images/user-home.png) center center no-repeat; | ||
10 | + background-size: cover; | ||
11 | +} | ||
12 | +#transitstore .m-page { | ||
13 | + padding-bottom: 0; | ||
14 | +} | ||
15 | +#transitstore .shop { | ||
16 | + position: relative; | ||
17 | + padding: 15px 15px 15px 90px; | ||
18 | + overflow: hidden; | ||
19 | + color: #fff; | ||
20 | +} | ||
21 | +#transitstore .shop .store-label { | ||
22 | + position: absolute; | ||
23 | + left: 15px; | ||
24 | + top: 15px; | ||
25 | +} | ||
26 | +#transitstore .shop .from-label { | ||
27 | + display: inline-block; | ||
28 | + position: absolute; | ||
29 | + right: 10px; | ||
30 | + top: 15px; | ||
31 | +} | ||
32 | +#transitstore .shop .cover { | ||
33 | + float: left; | ||
34 | + margin-left: -75px; | ||
35 | + width: 60px; | ||
36 | + height: 60px; | ||
37 | + box-shadow: 0 0 3px #999; | ||
38 | + line-height: 16px; | ||
39 | +} | ||
40 | +#transitstore .shop h3 { | ||
41 | + font-size: 16px; | ||
42 | + color: #FFF; | ||
43 | + font-weight: 400; | ||
44 | + line-height: 20px; | ||
45 | +} | ||
46 | +#transitstore .shop p { | ||
47 | + font-size: 14px; | ||
48 | + color: #ffffff; | ||
49 | +} | ||
50 | +#transitstore .user-tools { | ||
51 | + height: 45px; | ||
52 | + line-height: 45px; | ||
53 | + width: 100%; | ||
54 | + background: rgba(0, 0, 0, 0.2); | ||
55 | +} | ||
56 | +#transitstore .user-tools li { | ||
57 | + width: 49.5%; | ||
58 | + float: left; | ||
59 | + text-align: center; | ||
60 | + color: #ffffff; | ||
61 | +} | ||
62 | +#transitstore .user-tools li span { | ||
63 | + margin-left: 5px; | ||
64 | + line-height: 45px; | ||
65 | + color: #ffffff; | ||
66 | +} | ||
67 | +#transitstore .column { | ||
68 | + margin-top: 10px; | ||
69 | + padding: 15px; | ||
70 | + border: 1px solid #ddd; | ||
71 | + background: #fff; | ||
72 | + position: relative; | ||
73 | +} | ||
74 | +#transitstore .column .name { | ||
75 | + font-size: 14px; | ||
76 | + color: #333; | ||
77 | + line-height: 30px; | ||
78 | +} | ||
79 | +#transitstore .column .all { | ||
80 | + font-size: 14px; | ||
81 | + color: #999; | ||
82 | + position: absolute; | ||
83 | + top: 15px; | ||
84 | + right: 15px; | ||
85 | + line-height: 30px; | ||
86 | +} | ||
87 | +#transitstore .column .links { | ||
88 | + line-height: 26px; | ||
89 | + color: #23ac38; | ||
90 | + font-size: 14px; | ||
91 | +} | ||
92 | +#transitstore .column .links .link-label { | ||
93 | + box-sizing: border-box; | ||
94 | + display: inline-block; | ||
95 | + height: 30px; | ||
96 | + line-height: 30px; | ||
97 | + margin-top: 10px; | ||
98 | + border: 1px solid #ddd; | ||
99 | + padding: 0 10px; | ||
100 | + font-size: 14px; | ||
101 | + text-align: center; | ||
102 | + color: #666; | ||
103 | +} | ||
104 | +#transitstore .column hr { | ||
105 | + border: 0px solid #ddd; | ||
106 | + border-top: 1px solid #ddd; | ||
107 | +} | ||
108 | +#transitstore .column .cols { | ||
109 | + margin-top: 10px; | ||
110 | +} | ||
111 | +#transitstore .column .cols .col { | ||
112 | + width: 33.333%; | ||
113 | + text-align: center; | ||
114 | + color: #333; | ||
115 | + float: left; | ||
116 | +} | ||
117 | +#transitstore .column .cols .col-second { | ||
118 | + color: #666; | ||
119 | +} | ||
120 | +#transitstore .column .column-value { | ||
121 | + font-size: 14px; | ||
122 | + color: #666; | ||
123 | +} |
css/style/transitstore.less
0 → 100644
1 | +#transitstore{ | ||
2 | + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif; | ||
3 | + .bg-img { | ||
4 | + background: url(../../images/icon/icon.png)no-repeat; | ||
5 | + background-size: 150px | ||
6 | + } | ||
7 | + | ||
8 | + .top { | ||
9 | + background: url(../../images/user-home.png)center center no-repeat; | ||
10 | + background-size: cover; | ||
11 | + } | ||
12 | + | ||
13 | + .m-page { | ||
14 | + padding-bottom: 0 | ||
15 | + } | ||
16 | + | ||
17 | + .shop { | ||
18 | + position: relative; | ||
19 | + padding: 15px 15px 15px 90px; | ||
20 | + overflow: hidden; | ||
21 | + color:#fff; | ||
22 | + | ||
23 | + .store-label{ | ||
24 | + position: absolute; | ||
25 | + left: 15px; | ||
26 | + top: 15px; | ||
27 | + } | ||
28 | + .from-label{ | ||
29 | + display:inline-block; | ||
30 | + position:absolute; | ||
31 | + right:10px; | ||
32 | + top:15px; | ||
33 | + } | ||
34 | + } | ||
35 | + | ||
36 | + .shop .cover { | ||
37 | + float: left; | ||
38 | + margin-left: -75px; | ||
39 | + width: 60px; | ||
40 | + height: 60px; | ||
41 | + box-shadow: 0 0 3px #999; | ||
42 | + line-height:16px; | ||
43 | + } | ||
44 | + | ||
45 | + .shop h3 { | ||
46 | + font-size: 16px; | ||
47 | + color: #FFF; | ||
48 | + font-weight: 400; | ||
49 | + line-height: 20px; | ||
50 | + } | ||
51 | + | ||
52 | + .shop p { | ||
53 | + font-size: 14px; | ||
54 | + color: #FFF | ||
55 | + } | ||
56 | + | ||
57 | + .user-tools { | ||
58 | + height: 45px; | ||
59 | + line-height:45px; | ||
60 | + width: 100%; | ||
61 | + background: rgba(0,0,0,.2) | ||
62 | + } | ||
63 | + | ||
64 | + .user-tools li { | ||
65 | + width: 49.5%; | ||
66 | + float: left; | ||
67 | + text-align: center; | ||
68 | + color: #FFF | ||
69 | + } | ||
70 | + | ||
71 | + .user-tools li span{ | ||
72 | + margin-left:5px; | ||
73 | + line-height:45px; | ||
74 | + color: #FFF | ||
75 | + } | ||
76 | + | ||
77 | + .column{ | ||
78 | + margin-top:10px; | ||
79 | + padding:15px; | ||
80 | + border:1px solid #ddd; | ||
81 | + background: #fff; | ||
82 | + position: relative; | ||
83 | + | ||
84 | + .name{ | ||
85 | + font-size:14px; | ||
86 | + color:#333; | ||
87 | + line-height:30px; | ||
88 | + } | ||
89 | + .all{ | ||
90 | + font-size: 14px; | ||
91 | + color:#999; | ||
92 | + position: absolute; | ||
93 | + top:15px; | ||
94 | + right:15px; | ||
95 | + line-height:30px; | ||
96 | + } | ||
97 | + .links{ | ||
98 | + line-height:26px; | ||
99 | + color:#23ac38; | ||
100 | + font-size:14px; | ||
101 | + | ||
102 | + .link-label{ | ||
103 | + box-sizing: border-box; | ||
104 | + display:inline-block; | ||
105 | + height:30px; | ||
106 | + line-height:30px; | ||
107 | + margin-top:10px; | ||
108 | + border:1px solid #ddd; | ||
109 | + padding:0 10px; | ||
110 | + font-size:14px; | ||
111 | + text-align:center; | ||
112 | + color:#666; | ||
113 | + } | ||
114 | + } | ||
115 | + hr{ | ||
116 | + border:0px solid #ddd; | ||
117 | + border-top:1px solid #ddd; | ||
118 | + } | ||
119 | + | ||
120 | + .cols{ | ||
121 | + margin-top:10px; | ||
122 | + .col{ | ||
123 | + width:33.333%; | ||
124 | + text-align:center; | ||
125 | + color:#333; | ||
126 | + float:left; | ||
127 | + } | ||
128 | + .col-second{ | ||
129 | + color:#666; | ||
130 | + } | ||
131 | + } | ||
132 | + | ||
133 | + .column-value{ | ||
134 | + font-size:14px; | ||
135 | + color:#666; | ||
136 | + } | ||
137 | + } | ||
138 | +} | ||
0 | \ No newline at end of file | 139 | \ No newline at end of file |