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