123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%@ include file="meta.jsp"%>
- <script src="${base}/static/mobile/frame/mui/js/location.js"></script>
- <script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
- <link rel="stylesheet" href="${base}/static/mobile/frame/dropload/dropload.css?v=${version}">
- <script src="${base}/static/mobile/frame/dropload/dropload.js?v=${version}"></script>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
- <title>上饶好店</title>
- <style>
- .mui-col-xs-4 {
- text-align: center;
- line-height: 0.88rem;
- font-size: 0.28rem;
- }
- .mui-bar-nav .mui-icon{
- position: absolute;
- right: 0;
- }
- .mui-popover{
- left: 0;
- top: 0.88rem;
- width: 100%;
- border-radius: 0;
- box-shadow: none;
- -webkit-box-shadow: none;
- }
- .mui-popover .mui-scroll-wrapper{
- margin: 0;
- border-radius: 0;
- }
- .mui-backdrop{
- top: 0.88rem;
- }
- #topPopover{
- height: 3.45rem;
- }
- #middlePopover{
- height: 6rem;
- }
- #bottomPopover{
- height: 0.9rem;
- }
- .mui-table-cell.active{
- color: #FF6666;
- }
- .mui-table-cell.active .mui-icon-arrowdown{
- transform: rotate(-180deg);
- }
- .mui-table-view .mui-media-object{
- width: 26%;
- height: 1.3rem;
- max-width: 30%;
- }
- .dropload-down .bgcolor1{
- background-color: transparent!important;
- }
- .pr15.mui-ellipsis-2{
- line-height: 1.2;
- }
- </style>
- </head>
- <body>
- <nav class="mui-bar mui-bar-tab">
- <a class="mui-tab-item" href="${base}/mobile/index.jsp">
- <span class="mui-icon iconfont icon-shouye"></span>
- <span class="mui-tab-label">首页</span>
- </a>
- <a class="mui-tab-item" href="${base}/mobile/cutProductList.jsp">
- <span class="mui-icon iconfont icon-jianjia"></span>
- <span class="mui-tab-label">减价</span>
- </a>
- <a class="mui-tab-item mui-active" href="${base}/mobile/merchantList.jsp">
- <span class="mui-icon iconfont icon-shangjia"></span>
- <span class="mui-tab-label">好店</span>
- </a>
- <a class="mui-tab-item" href="${base}/mobile/userCenter.jsp">
- <span class="mui-icon iconfont icon-huiyuan1"></span>
- <span class="mui-tab-label">我的</span>
- </a>
- </nav>
- <header class="mui-bar mui-bar-nav">
- <div class="mui-table">
- <div class="mui-table-cell mui-col-xs-4" id="tab1">
- <span>默认排序</span><span class="mui-icon mui-icon-arrowdown">
- </div>
- <div class="mui-table-cell mui-col-xs-4" id="tab2">
- <span>全部分类</span><span class="mui-icon mui-icon-arrowdown">
- </div>
- <div class="mui-table-cell mui-col-xs-4" id="tab3">
- <span>全部商圈</span><span class="mui-icon mui-icon-arrowdown">
- </div>
- </div>
- </header>
- <div class="mui-content">
- <div class="merchant-content">
- <div id="merchantList">
- </div>
- </div>
- </div>
- <!--排序-->
- <div id="topPopover" class="mui-popover">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <ul class="mui-table-view line-left fs14">
- <li class="mui-table-view-cell" data="">
- <a href="javascript:void(0)">默认排序</a>
- </li>
- <li class="mui-table-view-cell" data="10">
- <a href="javascript:void(0)">距离最近</a>
- </li>
- <li class="mui-table-view-cell" data="20">
- <a href="javascript:void(0)">人气最火</a>
- </li>
- <li class="mui-table-view-cell" data="30">
- <a href="javascript:void(0)">商家最新</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <!--分类-->
- <div id="middlePopover" class="mui-popover">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <ul class="mui-table-view line-left fs14">
- <li class="mui-table-view-cell" data="">
- <a href="javascript:void(0)">全部分类</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <!--商圈-->
- <div id="bottomPopover" class="mui-popover mui-popover-bottom">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <ul class="mui-table-view line-left fs14" data="">
- <li class="mui-table-view-cell">
- <a href="javascript:void(0)">全部商圈</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </body>
- <script src="${base}/static/mobile/js/merchantList.js?v=${version}"></script>
- </html>
|