...
|
...
|
@@ -10,11 +10,44 @@ |
|
|
<link rel="stylesheet" href="__INDEX__/css/swiper.min.css">
|
|
|
<script type="text/javascript" src="__INDEX__/js/base.js" charset="utf-8"></script>
|
|
|
<title>商品详情</title>
|
|
|
<style>
|
|
|
.swiper-container{
|
|
|
height:7.5rem;
|
|
|
font-size: 0.24rem;
|
|
|
|
|
|
}
|
|
|
.swiper-pagination-fraction{
|
|
|
color:#fff;
|
|
|
bottom:8px;
|
|
|
left:3.1rem;
|
|
|
|
|
|
}
|
|
|
.swiper-pagination-current{
|
|
|
color:#fff;
|
|
|
font-size: 0.38rem;
|
|
|
}
|
|
|
.swiper-pagination-current{
|
|
|
color:#fff;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="good_head">
|
|
|
<img src="{$data.thumb}" alt="">
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
<div class="swiper-slide">
|
|
|
<img src="__INDEX__/img/gooddetail.png" alt="" >
|
|
|
</div>
|
|
|
<div class="swiper-slide">
|
|
|
<img src="__INDEX__/img/gooddetail.png" alt="" >
|
|
|
</div>
|
|
|
<div class="swiper-slide">
|
|
|
<img src="__INDEX__/img/gooddetail.png" alt="" >
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="swiper-pagination"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="good_info">
|
|
|
<p class="good_name">
|
...
|
...
|
@@ -95,7 +128,18 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
<script src="__INDEX__/js/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="__INDEX__/js/swiper.min.js"></script>
|
|
|
<script>
|
|
|
//轮播图
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
pagination: {
|
|
|
el: '.swiper-pagination',
|
|
|
type: 'fraction',
|
|
|
},
|
|
|
autoplay: true,//可选选项,自动滑动
|
|
|
|
|
|
})
|
|
|
|
|
|
$(".good_content p").click(function(){
|
|
|
console.log($(this).html())
|
|
|
$(this).addClass("active");
|
...
|
...
|
|