dlstatic / static-wappnr · Commits

Commit 2008c1afb5df1a19ce9ea13c850b1770af6dc107

Authored by linksgo2011
1 parent 4aec6e5d

storelist

Inline Side-by-side
Showing 5 changed files with 274 additions and 3 deletions
2.0/searchtab01.html
  View file @2008c1a
... ... @@ -21,7 +21,7 @@
21 21 <div class="m-page">
22 22 <header class="m-header header-light">
23 23 <div class="head">
24   - <a href="#" class="lt-bar m-icon icon-back white">返回</a>
  24 + <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a>
25 25 <ul class="m-tab" searchtab>
26 26 <li class="active" ><a href="javascript:;" data-target="tab-content-goods">商品</a></li>
27 27 <li class=""><a href="javascript:;" data-target="tab-content-store">店铺</i></a></li>
... ...
2.0/searchtab02.html
  View file @2008c1a
... ... @@ -16,12 +16,12 @@
16 16 <!-- base jquery -->
17 17 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>
18 18 </head>
19   -
  19 +
20 20 <body id="serachtab">
21 21 <div class="m-page">
22 22 <header class="m-header">
23 23 <div class="head">
24   - <a href="#" class="lt-bar m-icon icon-back white">返回</a>
  24 + <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a>
25 25 <ul class="m-tab">
26 26 <li class="" ><a href="javascript:;" data-target="tab-content-goods">商品</a></li>
27 27 <li class="active"><a href="javascript:;" data-target="tab-content-store">店铺</i></a></li>
... ...
2.0/storelist.html 0 → 100644
  View file @2008c1a
  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/storelist.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 data-role="page" id="storelist">
  21 + <header class="m-header header-light">
  22 + <div class="head">
  23 + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
  24 + <div class="search-box h-search">
  25 + <i class="m-icon icon-search"></i>
  26 + <input type="text" placeholder="输入城市名称或拼音搜索">
  27 + </div>
  28 + <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a>
  29 + </div>
  30 + </header>
  31 + <section class="m-content">
  32 + <ul class="m-tab">
  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 + <li><a href="javascript:;" data-ajax="false">农户</a></li>
  38 + </ul>
  39 + <ul class="m-table-view">
  40 + <li class="cell cell-extend-pic">
  41 + <a class="display-block" href="#">
  42 + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
  43 + <h3 class="title">
  44 + <i class="m-icon icon-medal-gold"></i>
  45 + 寿光合作社
  46 + </h3>
  47 + <p class="main-cate">
  48 + <span class="key">
  49 + 主营产品
  50 + </span>
  51 + <span class="value">水果<span class="value-red">（售）</span></span>
  52 + </p>
  53 + <p class="localtion">
  54 + 四川 成都
  55 + </p>
  56 + <p class="order-numbers">
  57 + 成交量0笔
  58 + </p>
  59 + <p class="text from-label">产地直供</p>
  60 + <i class="m-icon icon-sdrz store-label"></i>
  61 + </a>
  62 + </li>
  63 + <li class="cell cell-extend-pic">
  64 + <a class="display-block" href="#">
  65 + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
  66 + <h3 class="title">
  67 + <i class="m-icon icon-medal-gold"></i>
  68 + 寿光合作社
  69 + </h3>
  70 + <p class="main-cate">
  71 + <span class="key">
  72 + 主营产品
  73 + </span>
  74 + <span class="value">水果<span class="value-blue">（购）</span></span>
  75 + </p>
  76 + <p class="localtion">
  77 + 四川 成都
  78 + </p>
  79 + <p class="order-numbers">
  80 + 成交量0笔
  81 + </p>
  82 + <p class="text from-label">产地直供</p>
  83 + <i class="m-icon icon-sdrz store-label"></i>
  84 + </a>
  85 + </li>
  86 + <li class="cell cell-extend-pic">
  87 + <a class="display-block" href="#">
  88 + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
  89 + <h3 class="title">
  90 + <i class="m-icon icon-medal-gold"></i>
  91 + 寿光合作社
  92 + </h3>
  93 + <p class="main-cate">
  94 + <span class="key">
  95 + 主营产品
  96 + </span>
  97 + <span class="value">水果<span class="value-blue">（购）</span></span>
  98 + </p>
  99 + <p class="localtion">
  100 + 四川 成都
  101 + </p>
  102 + <p class="order-numbers">
  103 + 成交量0笔
  104 + </p>
  105 + <p class="text from-label">产地直供</p>
  106 + <i class="m-icon icon-sxsj store-label"></i>
  107 + </a>
  108 + </li>
  109 + </ul>
  110 + </section>
  111 + </div>
  112 + </body>
  113 +</html>
0 114 \ No newline at end of file
... ...
css/style/storelist.css 0 → 100644
  View file @2008c1a
  1 +#storelist {
  2 + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  3 + background: #fff;
  4 +}
  5 +#storelist .search-box {
  6 + margin-top: 6px;
  7 + background: #f5f5f5;
  8 + text-align: left;
  9 + float: left;
  10 + height: 30px;
  11 + line-height: 30px;
  12 + padding-left: 10px;
  13 + width: 100%;
  14 + border-radius: 3px;
  15 +}
  16 +#storelist .search-box input {
  17 + height: 30px;
  18 + line-height: 30px;
  19 + background: transparent;
  20 +}
  21 +#storelist .m-table-view {
  22 + border-top: 0px solid #ddd;
  23 +}
  24 +#storelist .m-table-view .main-cate .key {
  25 + font-size: 14px;
  26 + color: #999;
  27 +}
  28 +#storelist .m-table-view .main-cate .value {
  29 + font-size: 14px;
  30 + color: #666;
  31 +}
  32 +#storelist .m-table-view .main-cate .value-red {
  33 + font-size: 14px;
  34 + color: #fb5041;
  35 +}
  36 +#storelist .m-table-view .main-cate .value-blue {
  37 + font-size: 14px;
  38 + color: #1b6ba5;
  39 +}
  40 +#storelist .m-table-view .localtion {
  41 + font-size: 14px;
  42 + color: #666;
  43 +}
  44 +#storelist .m-table-view .order-numbers {
  45 + font-size: 14px;
  46 + color: #999;
  47 +}
  48 +#storelist .m-table-view .from-label {
  49 + color: #999;
  50 + font-size: 12px;
  51 +}
  52 +#storelist .m-table-view .store-label {
  53 + position: absolute;
  54 + left: 15px;
  55 + top: 15px;
  56 +}
  57 +#storelist .m-tab li {
  58 + width: 20%;
  59 + padding-right: 0px;
  60 +}
  61 +#storelist .m-table-view .cell-extend-pic {
  62 + padding: 15px 80px;
  63 + padding-left: 95px;
  64 +}
  65 +#storelist .m-table-view .cell-extend-pic .pic {
  66 + width: 80px;
  67 + height: 80px;
  68 + margin-left: -90px;
  69 +}
  70 +#storelist .m-table-view .cell-extend-pic .display-block {
  71 + margin-left: 10px;
  72 +}
  73 +#storelist .m-table-view .title {
  74 + font-size: 16px;
  75 + line-height: 16px;
  76 + color: #333;
  77 +}
... ...
css/style/storelist.less 0 → 100644
  View file @2008c1a
  1 +#storelist{
  2 + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  3 + background:#fff;
  4 + .search-box{
  5 + margin-top:6px;
  6 + background:#f5f5f5;
  7 + text-align:left;
  8 + float:left;
  9 + height:30px;
  10 + line-height:30px;
  11 + padding-left:10px;
  12 + width:100%;
  13 + border-radius:3px;
  14 + input{
  15 + height:30px;
  16 + line-height:30px;
  17 + background:transparent;
  18 + }
  19 + }
  20 +
  21 + .m-table-view{
  22 + border-top: 0px solid #ddd;
  23 + .main-cate .key{
  24 + font-size:14px;
  25 + color:#999;
  26 + }
  27 + .main-cate .value{
  28 + font-size:14px;
  29 + color:#666;
  30 + }
  31 + .main-cate .value-red{
  32 + font-size:14px;
  33 + color:#fb5041;
  34 + }
  35 + .main-cate .value-blue{
  36 + font-size:14px;
  37 + color:#1b6ba5;
  38 + }
  39 + .localtion{
  40 + font-size:14px;
  41 + color:#666;
  42 + }
  43 + .order-numbers{
  44 + font-size:14px;
  45 + color:#999;
  46 + }
  47 + .from-label{
  48 + color:#999;
  49 + font-size:12px;
  50 + }
  51 + .store-label{
  52 + position: absolute;
  53 + left: 15px;
  54 + top: 15px;
  55 + }
  56 + }
  57 + .m-tab li{
  58 + width:20%;
  59 + padding-right:0px;
  60 + }
  61 + .m-table-view .cell-extend-pic{
  62 + padding: 15px 80px;
  63 + padding-left:95px;
  64 + }
  65 +
  66 + .m-table-view .cell-extend-pic .pic{
  67 + width:80px;
  68 + height:80px;
  69 + margin-left: -90px;
  70 + }
  71 + .m-table-view .cell-extend-pic .display-block{
  72 + margin-left:10px;
  73 + }
  74 +
  75 + .m-table-view .title{
  76 + font-size:16px;
  77 + line-height:16px;
  78 + color:#333;
  79 + }
  80 +
  81 +}
0 82 \ No newline at end of file
... ...