|
|
<!doctype html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>商品详情</title>
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_793738_ycnvxk1als.css">
|
|
|
<link href="__TMPL__/public/assets/css/init.css" rel="stylesheet" type="text/css">
|
|
|
<link href="__TMPL__/public/assets/css/shopDetail.css" rel="stylesheet" type="text/css">
|
|
|
<link href="__TMPL__/public/assets/css/swiper.min.css" rel="stylesheet" type="text/css">
|
|
|
<script type="text/javascript" src="__TMPL__/public/assets/js/fontsize.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="warp">
|
|
|
<div class="item_list">
|
|
|
<!-- begin:数字轮播图 -->
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
<volist name="good.pic" id="vo">
|
|
|
<div class="swiper-slide"><img style="width: 100%" src="{:cmf_get_image_url($vo)}"></div>
|
|
|
</volist>
|
|
|
</div>
|
|
|
<div class="swiper-pagination"></div>
|
|
|
</div>
|
|
|
<!-- begin: 商品信息-->
|
|
|
<div class="detail_info">
|
|
|
<p class="detail_num">
|
|
|
<text class="original_price">
|
|
|
<text class="num">{$good.fee}</text>
|
|
|
<text class="symbol_icon">积分</text>
|
|
|
</text>
|
|
|
</p>
|
|
|
<p class="detail_txt1">{$good.name}</p>
|
|
|
<p class="detail_txt2">{$good.describe}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="item_list">
|
|
|
<div class="detail_spec">
|
|
|
<p class="spec_txt1">
|
|
|
<text class="spec_title">规格</text>
|
|
|
<text class="spec_content">{$good.size}</text>
|
|
|
</p>
|
|
|
<p class="spec_txt2 right">
|
|
|
<text class="iconfont icon-shenglve"></text>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="item_list">
|
|
|
<div class="detail_message">
|
|
|
<div class="detail_minus">
|
|
|
<div class="line"></div>
|
|
|
<p>商品信息</p>
|
|
|
<div class="line"></div>
|
|
|
</div>
|
|
|
{$good.content}
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- begin:底部按钮 -->
|
|
|
<div class="null_box"></div>
|
|
|
<div class="detail_fixd">
|
|
|
<div>{$good.fee}积分</div>
|
|
|
<div class="buy_btn">立即兑换</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- begin:选择属性 -->
|
|
|
<div class="pro_bg">
|
|
|
<div class="property">
|
|
|
<div class="prop_close"><i class="iconfont icon-quxiao"></i></div>
|
|
|
<ul class="reco_public">
|
|
|
<li>
|
|
|
<div class="mmend_left"><img src="{:cmf_get_image_url($good.thumbnail)}"></div>
|
|
|
<div class="mmend_right">
|
|
|
<div class="mmend_num"><span>{$good.fee}</span>积分</div>
|
|
|
<div class="mmend_title shop_heig">{$good.name}</div>
|
|
|
<div class="mmend_name">{$good.describe}</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="pro_bom">
|
|
|
<h2>数量</h2>
|
|
|
<div class="pro_public right">
|
|
|
<p class="iconfont icon-jian"></p>
|
|
|
<input type="text" name="" value="1"/>
|
|
|
<p class="iconfont icon-jia"></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="property_btn">确定</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="__TMPL__/public/assets/js/jquery-2.1.0.js "></script>
|
|
|
<script type="text/javascript" src="__TMPL__/public/assets/js/swiper.min.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
$(document).ready(function () {
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
direction: 'horizontal', // 垂直切换选项
|
|
|
loop: true, // 循环模式选项
|
|
|
|
|
|
// 如果需要分页器
|
|
|
pagination: '.swiper-pagination',
|
|
|
paginationType: 'fraction'
|
|
|
})
|
|
|
// 点击显示选择属性弹层
|
|
|
$('.detail_spec').click(function () {
|
|
|
$('.pro_bg').show();
|
|
|
})
|
|
|
$('.property .prop_close').on('click', function () {
|
|
|
$('.pro_bg').hide();
|
|
|
})
|
|
|
// 点击确定跳到支付订单页
|
|
|
$('.property_btn').on('click', function () {
|
|
|
window.location.href = '{:url('confirmOrder')}'
|
|
|
})
|
|
|
// 跳转购物车
|
|
|
$('.foot_cart').click(function () {
|
|
|
window.location.href = '{:url('confirmOrder')}'
|
|
|
});
|
|
|
// 跳转购物车
|
|
|
$('.join_btn').click(function () {
|
|
|
window.location.href = '{:url('confirmOrder')}'
|
|
|
});
|
|
|
// 跳转购物车
|
|
|
$('.buy_btn').click(function () {
|
|
|
window.location.href = '{:url('confirmOrder')}'
|
|
|
});
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
...
|
...
|
|