productdetails.html
3.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!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="css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="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="css/index.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<title>产品详情</title>
</head>
<body>
<div id="productsdetail">
<div class="container product" >
<!--banner-->
<!--<div class="product_banner" >
<img v-for="item in banner" v-bind:src="item"/>
<i class="iconfont icon-index"></i>
</div>-->
<!--介绍-->
<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 class="swiper-slide"><img src="img/矩形6@2x.png" /></div>
<div class="swiper-slide"><img src="img/矩形6@2x.png" /></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" @click="commentlist()">
<i class="iconfont icon-31daipingjia"></i>
<span>全部评价</span>
</div>
</div>
<!--商品详情-->
<div class="product_details" v-html="good.goods_detail">
<!--<p class="product_details_h">- 商品详情 -</p>
<div class="product_details_pic">
<img src="img/矩形10@2x.png" /><img src="img/矩形10@2x.png" />
</div>
<p>胡辣汤，又名糊辣汤，中原知名小吃，起源于河南省周口市西华县逍遥镇及漯河舞阳县北舞渡镇，是中国北方早餐中常见的传统汤类名吃。</p>-->
</div>
</div>
<!--底部-->
<div class="footer_wrap">
<div class="shop_car_icon" @click="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="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.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>-->
<script src="js/swiper.min.js"></script>
<script src="js/cookie.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>
<script src="js/productdetail.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// $(document).ready(function(){
// $('.product_introduce_icon').click(function(){
// window.location.href = 'myorder/evaluateList.html'
// })
// })
var icon_index =document.getElementsByClassName('icon-index')[0];
icon_index.onclick = function(){
window.location.href = 'index.html';
}
</script>
</body>
</html>