|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="zh">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
<title>恋物商城</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_575637_nd4obl18ovq5b3xr.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/init.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/weui.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/myweui.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/myshop.css" />
|
|
|
|
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="search_group">
|
|
|
|
<input type="text" name="" id="search_ipt" value="" />
|
|
|
|
<p class="seach_title">搜索</p>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="head">
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/pic6.jpg" />
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/pic2.jpg" />
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/pic4.jpg" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 如果需要分页器 -->
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
|
|
|
|
<!-- 如果需要导航按钮 -->
|
|
|
|
<!--<div class="swiper-button-prev"></div>-->
|
|
|
|
<!--<div class="swiper-button-next"></div>-->
|
|
|
|
|
|
|
|
<!-- 如果需要滚动条 -->
|
|
|
|
<!-- <div class="swiper-scrollbar"></div>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="select_group">
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon1.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon2.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon3.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon4.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon5.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon6.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon7.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon8.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon9.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
<a class="select_item" href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_icon10.png" class="select_logo" />
|
|
|
|
<p class="select_title">家居陈设</p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="hot">
|
|
|
|
<a href="">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_ccr1.jpg" class="hot_left" />
|
|
|
|
</a>
|
|
|
|
<div class="hot_right">
|
|
|
|
<a href=""><img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_ccr2.jpg" class="hot_right_top" /></a>
|
|
|
|
<a href=""><img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_ccr3.jpg" class="hot_right_top" /></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="list">
|
|
|
|
<div class="list_head">
|
|
|
|
<span class="list_head_title">
|
|
|
|
最新上架
|
|
|
|
</span>
|
|
|
|
<span class="list_head_mintitle">
|
|
|
|
全部商品
|
|
|
|
</span>
|
|
|
|
<i class="iconfont icon-arrows"></i>
|
|
|
|
</div>
|
|
|
|
<div class="list_content">
|
|
|
|
<a href="" class="list_view">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_pic.jpg" class="list_logo" />
|
|
|
|
<div class="list_res">
|
|
|
|
<p class="res_title">原创手工发簪步摇</p>
|
|
|
|
<p class="res_mintitle">服旗袍配饰</p>
|
|
|
|
<p class="res_price">¥ 3,450.40
|
|
|
|
<s>¥ 6500</s>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="" class="list_view">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_pic.jpg" class="list_logo" />
|
|
|
|
<div class="list_res">
|
|
|
|
<p class="res_title">原创手工发簪步摇</p>
|
|
|
|
<p class="res_mintitle">服旗袍配饰</p>
|
|
|
|
<p class="res_price">¥ 3,450.40
|
|
|
|
<s>¥ 6500</s>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="" class="list_view">
|
|
|
|
<img src="http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/index_pic.jpg" class="list_logo" />
|
|
|
|
<div class="list_res">
|
|
|
|
<p class="res_title">原创手工发簪步摇</p>
|
|
|
|
<p class="res_mintitle">服旗袍配饰</p>
|
|
|
|
<p class="res_price">¥ 3,450.40
|
|
|
|
<s>¥ 6500</s>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="kong">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="footer">
|
|
|
|
<div class="footer_list footer_list_active" onclick="index()">
|
|
|
|
<i class="iconfont icon-menu_icon_select"></i>
|
|
|
|
<p class="footer_title">首页</p>
|
|
|
|
</div>
|
|
|
|
<div class="footer_list" onclick="fenlei()">
|
|
|
|
<i class="iconfont icon-fenlei_normal"></i>
|
|
|
|
<p class="footer_title">分类</p>
|
|
|
|
</div>
|
|
|
|
<div class="footer_list" onclick="cart()">
|
|
|
|
<i class="iconfont icon-gouwuche_normal"></i>
|
|
|
|
<p class="footer_title">购物车</p>
|
|
|
|
</div>
|
|
|
|
<div class="footer_list" onclick="personl()">
|
|
|
|
<i class="iconfont icon-menu_icon_normal1"></i>
|
|
|
|
<p class="footer_title">我的</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function fenlei() {
|
|
|
|
window.location = "classification.html"
|
|
|
|
}
|
|
|
|
|
|
|
|
function personl() {
|
|
|
|
window.location = "personl.html"
|
|
|
|
}
|
|
|
|
|
|
|
|
function cart() {
|
|
|
|
window.location = "cart.html"
|
|
|
|
}
|
|
|
|
|
|
|
|
function index() {
|
|
|
|
window.location = "index.htmll"
|
|
|
|
}
|
|
|
|
window.onload = function() {
|
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
|
|
|
|
|
// 如果需要分页器
|
|
|
|
pagination: '.swiper-pagination',
|
|
|
|
|
|
|
|
// 如果需要前进后退按钮
|
|
|
|
// nextButton: '.swiper-button-next',
|
|
|
|
// prevButton: '.swiper-button-prev',
|
|
|
|
|
|
|
|
// 如果需要滚动条
|
|
|
|
// scrollbar: '.swiper-scrollbar',
|
|
|
|
})
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
