/
product.html
38 lines (38 loc) · 970 Bytes
/
product.html
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
<template>
<div class="page" data-name="product">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner sliding">
<div class="left">
<a href="#" class="link back">
<i class="icon icon-back"></i>
<span class="if-not-md">Back</span>
</a>
</div>
<div class="title">{{product.title}}</div>
</div>
</div>
<div class="page-content">
<div class="block-title">About {{product.title}}</div>
<div class="block block-strong">
{{product.description}}
</div>
</div>
</div>
</template>
<script>
return {
data: function () {
var productId = this.$route.params.id;
var currentProduct;
this.$root.products.forEach(function (product) {
if (product.id === productId) {
currentProduct = product;
}
});
return {
product: currentProduct,
};
}
};
</script>