productdetails.html 3.1 KB
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_to180rktm1butyb9.css" />
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/index.css" />
		<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
		<title>产品详情</title>
	</head>

	<body>
	<div id="productsdetail">

		<div class="container product" >
			<!--介绍-->
			<div class="swiper-container banner">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="item in banner">
						<img  v-bind:src="item"/>
					</div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
			<div class="product_introduce">
				<div class="product_introduce_text">
					<span class="product_introduce_name">{{good.goods_name}}</span>
					<p class="product_introduce_subname">{{good.goods_description}}</p>
				</div>
				<div class="product_introduce_num">
					<span>¥</span><span>25</span><span>已售 {{good.month_sales}}件</span>
				</div>
				<div class="product_introduce_icon" onclick="commentlist()">
					<i class="iconfont icon-31daipingjia"></i>
					<span>全部评价</span>
				</div>
			</div>
			<!--商品详情-->
			<div class="product_details" v-html="good.goods_detail">
			</div>
		</div>
		<!--底部-->
		<div class="footer_wrap">
			<div class="shop_car_icon" onclick="gocart()">
				<i class="iconfont icon-icon--1"></i><p v-if="cartnum>0">{{cartnum}}</p>
			</div>
			<div class="product_introduce_footer" @click="addcart()">
				加入购物车
			</div>
		</div>
	</div>
		<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/swiper.min.js"></script>
		<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/productdetail.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			var icon_index =document.getElementsByClassName('icon-index')[0];
			icon_index.onclick = function(){
				window.location.href = 'index.html';
			}

			function commentlist() {
                var goodsid=GetQueryString("id");
                window.location.href="/index.php?g=&m=template&a=evaluateList&goodid="+goodsid;
            }

            function gocart() {
                window.location.href="{:U('Template/shopcar')}";
            }

		</script>
</body>

</html>