Слияние кода завершено, страница обновится автоматически
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/iconfont.css" />
<link rel="stylesheet" href="css/app.css" />
</head>
<body>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="#home">
<span class="mui-icon iconfont icon-shouye"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="#classify">
<span class="mui-icon iconfont icon-danpin"></span>
<span class="mui-tab-label">分类</span>
</a>
<a class="mui-tab-item" href="#shopcar">
<span class="mui-icon iconfont icon-gouwuche"></span>
<span class="mui-tab-label">购物车</span>
</a>
<a class="mui-tab-item" href="#mine">
<span class="mui-icon iconfont icon-wode"><span class="mui-badge">9</span></span>
<span class="mui-tab-label">我的</span>
</a>
</nav>
<div class="mui-content">
<div id="home" class="mui-control-content mui-active">
<header class="mui-bar mui-bar-nav">
<div id="homeTitle" class="site-title site-active">
<div class="mui-nav-form">
<div class="nav-icon-left">
<a href="#" class="">
<span class="mui-icon iconfont icon-erweima "></span>
</a>
</div>
<div class="nav-search-input">
<div class="search-input-up"></div>
<div class="search-input">
<input type="text" placeholder="请输入要查询的内容" />
</div>
</div>
<div class="nav-icon-right">
<a href="#">
<span class="mui-icon iconfont icon-liuyan "></span>
</a>
</div>
</div>
</div>
</header>
<div class="mui-content">
<div class="site-home-content">
<div id="slider" class="mui-slider site-home-slider">
<div class="mui-slider-group">
<!-- 第一张 -->
<div class="mui-slider-item">
<a href="#">
<img src="images/tb1.jpg">
</a>
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<a href="#">
<img src="images/tb2.jpg">
</a>
</div>
</div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
</div>
</div>
<div class="nav-middle">
<a href=""><img src="images/ic_home_gift.png" />注册有礼</a>
<a href=""><img src="images/ic_home_free.png" />1分钱试吃</a>
<a href=""><img src="images/ic_home_group.png" />团购</a>
<a href=""><img src="images/ic_home_qg_disable.png" />其他活动</a>
</div>
<div class="goods-floor">
<div class="title-floor"><img src="images/home_tip.png">热销商品</div>
<ul id="hotList" class="hot-slide">
<li>
<a href="#"><img src="images/tb2.jpg" /></a>
<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
</li>
<li>
<a href="#"><img src="images/tb3.jpg" /></a>
<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
</li>
</ul>
</div>
<div class="goods-floor">
<div class="title-floor"><img src="images/home_tip.png">热销商品</div>
<ul id="hotList" class="hot-slide">
<li>
<a href="#"><img src="images/tb2.jpg" /></a>
<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
</li>
<li>
<a href="#"><img src="images/tb3.jpg" /></a>
<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--
作者：415656544@qq.com
时间：2016-12-10
描述：产品分类
-->
<div id="classify" class="mui-control-content">
<header class="mui-bar mui-bar-nav ">
<div id="classifyTitle" class="site-title">
<!--产品分类-->
<div class="mui-nav-form">
<div class="nav-search-input">
<div class="search-input-up"></div>
<div class="search-input">
<input type="text" placeholder="请输入要查询的内容" />
</div>
</div>
<div class="nav-icon-right">
<a href="#">
<span class="mui-icon iconfont icon-sousuo "></span>
</a>
</div>
</div>
</div>
</header>
<div class="mui-content">
<div class="site-content-left">
<ul>
<li>
<a href="#">上衣</a>
</li>
<li>
<a href="#">裤子</a>
</li>
<li>
<a href="#">鞋子</a>
</li>
<li>
<a href="#">帽子</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">羽绒服last</a>
</li>
</ul>
</div>
<div class="site-content-right">
</div>
</div>
</div>
<!--
作者：415656544@qq.com
时间：2016-12-10
描述：购物车
-->
<div id="shopcar" class="mui-control-content">
<header class="mui-bar mui-bar-nav">
<div id="shopcarTitle" class="site-title">
<div class="title">
购物车
</div>
</div>
</header>
<div class="mui-content">
<div id="car-null" class="car-null-box">
<p><img src="images/bg_shopping_null.png" alt="" /></p>
<h3>购物车还是空的哦</h3>
<span class="car-box-text">快去挑点宝贝吧</span>
<a class="car-null-btn" href="javascript:void(0);">去逛逛</a>
</div>
</div>
</div>
<!--
作者：415656544@qq.com
时间：2016-12-17
描述：我的
-->
<div id="mine" class="mui-control-content">
<header class="mui-bar mui-bar-nav">
<a href="#" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
<div id="mineTitle" class="site-title">
<div class="title">
我的
</div>
</div>
<a href="#" class="mui-icon iconfont icon-shezhi mui-pull-right"></a>
</header>
<div class="mui-content">
<div class="site-wd-title">
<div class="site-wd-cell mui-media">
<div>
<img class="mui-pull-left" src="images/tx.png">
<div class="site-wd-nr">
<span style="font-size: 14px;">
1832147678
</span>
<p class="mui-ellipsis" style="height: 20px;line-height: 20px;">
账户管理 <span class="mui-icon iconfont icon-zhanghu"></span>
</p>
<span style="font-size: 12px;height: 20px;line-height: 20px; color: red;">
<span class="mui-icon iconfont icon-huiyuan1"></span>25 金牌会员
</span>
</div>
</div>
</div>
</div>
<div class="mui-card">
<ul class="mui-table-view">
<li class="mui-table-view-divider">我的订单</li>
<li class="mui-table-view-cell">已购买<span class="mui-badge mui-badge-primary">14</span></li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-badge mui-badge-danger">0</span>待付款
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-badge mui-badge-danger">0</span>待收货
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-badge mui-badge-danger">0</span>待评价
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
查看物流
</a>
</li>
<li class="mui-table-view-divider">我的优惠券</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-badge mui-badge-danger">0</span>优惠券
</a>
</li>
<li class="mui-table-view-divider">我的关注</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-badge mui-badge-danger">0</span>我的关注
</a>
</li>
<li class="mui-table-view-divider">我要反馈</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-badge mui-badge-danger">0</span>留言
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
拨打电话
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
var searchPage = null;
mui('.mui-nav-form').on('tap', '.search-input-up', function() {
mui.openWindow({
id: 'search',
url: 'search.html',
});
});
</script>
</html>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )