<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>首页</title>
<meta name="keywords" content="">
<meta name="description" content="">
<script src="js/rem.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/page.css"/>
<link rel="stylesheet" type="text/css" href="css/all.css"/>
<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
<link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
<link rel="stylesheet" type="text/css" href="css/loading.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<script type="text/javascript">
$(window).load(function(){
$(".loading").addClass("loader-chanage")
$(".loading").fadeOut(300)
})
</script>
</head>
<!--loading页开始-->
<div class="loading">
<div class="loader">
<div class="loader-inner pacman">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!--loading页结束-->
<body>
<!--header star-->
<header class="mui-bar mui-bar-nav" id="header">
<a class="btn slide-menu" href="#">
<i class="iconfont icon-iconfontcaidan"></i>
</a>
<div class="top-sch-box flex-col">
<div class="centerflex">
<i class="fdj iconfont icon-sousuo"></i>
<input type="text" name="" id="" value="" class="sch-txt" placeholder="输入您要搜索的商品" />
</div>
</div>
<a class="btn" href="#">
<i class="iconfont icon-erweima"></i>
</a>
</header>
<!--header end-->
<!-- 侧边导航 -->
<div class="slide-mask"></div>
<aside class="slide-wrapper">
<div>
<ul>
<li><a href="list.html">家居家纺</a></li>
<li><a href="list.html">3C数码</a></li>
<li><a href="list.html">家用电器</a></li>
<li><a href="list.html">厨房小电</a></li>
<li><a href="list.html">零食小吃</a></li>
<li><a href="list.html">酒水饮料</a></li>
<li><a href="list.html">个护健康</a></li>
<li><a href="list.html">生活电器</a></li>
<li><a href="list.html">服饰</a></li>
<li><a href="list.html">五金家装</a></li>
</ul>
</div>
</aside>
<div id="main" class="clearfloat warp">
<div class="mui-content">
<!--banner开始-->
<div class="banner swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
</div>
</div>
<!--banner结束-->
<!--第一栏分类开始-->
<div class="cation clearfloat box-s">
<ul>
<li>
<a href="#">
<img src="img/icon1.png"/>
<p>报单专区</p>
</a>
</li>
<li>
<a href="lianmeng.html">
<img src="img/icon2.png"/>
<p>联盟商家</p>
</a>
</li>
<li>
<a href="#">
<img src="img/icon3.png"/>
<p>猜你喜欢</p>
</a>
</li>
<li>
<a href="#">
<img src="img/icon4.png"/>
<p>热门商品</p>
</a>
</li>
</ul>
</div>
<!--第一栏分类结束-->
<!--滚动公告开始-->
<div class="notice clearfloat box-s">
<p class="tit clearfloat fl">利民公告:</p>
<div class="left fl clearfloat box-s">
<div class="slider autoplay">
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
</div>
</div>
<a href="#" class="nmore clearfloat fr">更多</a>
</div>
<!--滚动公告结束-->
<!--boutique star-->
<div class="boutique clearfloat box-s">
<div class="boutit clearfloat">
<span></span>
<samp>精品任选</samp>
</div>
<div class="content clearfloat">
<ul>
<li>
<a href="#">
<img src="upload/1.jpg"/>
</a>
</li>
<li>
<a href="#">
<img src="upload/2.jpg"/>
</a>
</li>
</ul>
</div>
</div>
<!--boutique end-->
<!--seller star-->
<div class="seller clearfloat">
<div class="boutit clearfloat">
<span></span>
<samp>热卖推荐</samp>
</div>
<div class="content clearfloat">
<div class="left clearfloat fl">
<a href="detail.html">
<div class="top clearfloat box-s">
<p class="tit over">天天特惠</p>
<span class="over db">每天10点 爆款抢不停</span>
</div>
<div class="tu">
<img src="upload/3.jpg"/>
</div>
</a>
</div>
<div class="right clearfloat fr">
<div class="top clearfloat fl">
<a href="detail.html">
<div class="zuo clearfloat fl box-s">
<p class="tit over">酒水饮料</p>
<span class="over db">炫彩预调鸡尾酒</span>
</div>
<div class="tu clearfloat fr">
<span></span>
<img src="upload/4.jpg"/>
</div>
</a>
</div>
<div class="top clearfloat fl">
<a href="detail.html">
<div class="zuo clearfloat fl box-s">
<p class="tit over">酒水饮料</p>
<span class="over db">炫彩预调鸡尾酒</span>
</div>
<div class="tu clearfloat fr">
<span></span>
<img src="upload/4.jpg"/>
</div>
</a>
</div>
</div>
</div>
</div>
<!--seller end-->
<!--onnew star-->
<div class="onnew clearfloat">
<div class="boutit clearfloat">
<span></span>
<samp>每周上新</samp>
</div>
<div class="content clearfloat">
<div class="top clearfloat">
<div class="list clearfloat fl box-s">
<a href="detail.html">
<div class="zuo clearfloat fl box-s">
<p class="tit over">电器数码</p>
<span class="over db">大屏就�
没有合适的资源?快使用搜索试试~ 我知道了~
商城H5移动端模板
共124个文件
html:35个
jpg:30个
png:25个
3星 · 超过75%的资源 需积分: 45 279 下载量 34 浏览量
2019-01-03
15:36:13
上传
评论 12
收藏 1.06MB ZIP 举报
温馨提示
移动端的h5商城,感兴趣的可以拿去学习,有更好的改动欢迎留言
资源推荐
资源详情
资源评论
收起资源包目录
商城H5移动端模板 (124个子文件)
mui.min.css 84KB
all.css 71KB
loaders.min.css 46KB
page.css 45KB
swiper.min.css 15KB
base.css 13KB
mui.picker.min.css 5KB
slick.css 4KB
mui.picker.css 2KB
loading.css 1KB
iconfont.eot 27KB
slick.eot 2KB
ajax-loader.gif 4KB
index.html 18KB
shopcar.html 8KB
center.html 7KB
confirm.html 7KB
detail.html 7KB
list.html 7KB
sjfenlei.html 6KB
lianmeng.html 6KB
cation.html 5KB
sjdetail.html 5KB
assess.html 5KB
submit-order.html 4KB
order.html 4KB
sqlianmeng.html 4KB
address.html 4KB
zhuanzhang.html 4KB
sqyunying.html 4KB
xiugai.html 4KB
register.html 4KB
baodan.html 4KB
xiugainame.html 4KB
login.html 4KB
re-order.html 4KB
account.html 4KB
recharge.html 3KB
jfzhuanyong.html 3KB
jfzhuanzhang.html 3KB
friend.html 3KB
add-address.html 3KB
choice-address.html 3KB
jfguanli.html 3KB
spduihuan.html 3KB
xuzhi.html 3KB
verification.html 2KB
mima.html 2KB
loginbg.jpg 162KB
21.jpg 78KB
9.jpg 59KB
2.jpg 53KB
1.jpg 42KB
banner.jpg 42KB
3.jpg 36KB
4.jpg 24KB
18.jpg 22KB
20.jpg 20KB
23.jpg 17KB
5.jpg 16KB
16.jpg 14KB
13.jpg 12KB
22.jpg 12KB
7.jpg 12KB
12.jpg 11KB
15.jpg 11KB
19.jpg 10KB
8.jpg 9KB
17.jpg 9KB
11.jpg 9KB
25.jpg 8KB
10.jpg 7KB
6.jpg 7KB
26.jpg 6KB
14.jpg 5KB
24.jpg 5KB
jia.jpg 2KB
jian.jpg 2KB
mui.min.js 113KB
jquery-1.8.3.min.js 91KB
jquery.min.js 82KB
swiper.min.js 69KB
swiper.jquery.min.js 61KB
slick.js 44KB
slick.min.js 23KB
jquery.SuperSlide.2.1.js 16KB
mui.picker.min.js 16KB
others.js 2KB
rem.js 597B
shopcar.js 485B
hmt.js 423B
touxiang.png 13KB
chahao.png 8KB
meishi.png 7KB
icon4.png 6KB
dianying.png 6KB
icon3.png 6KB
icon2.png 6KB
icon1.png 5KB
ktv.png 5KB
共 124 条
- 1
- 2
我爱吃烧饼
- 粉丝: 4
- 资源: 10
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页