detail.vue
2.1 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
<template>
<div class="finish-wrap">
<div class="obox">
<div class="banner_img" >
<img :src="detail.imgurl" alt="">
</div>
<div class="major_title">
<h4>{{detail.title}}</h4>
<p>
<img :src="detail.add" alt="">
<span class="names">{{detail.add1}}</span>
<span >{{detail.add3}}</span>
<span class="name_right">{{detail.add2}}</span>
</p>
<p>
<img :src="detail.time" alt="">
<span class="names">{{detail.time1}}</span>
<span >{{detail.time3}}</span>
<span class="name_right">{{detail.time2}}</span>
</p>
<p>
<img :src="detail.phone" alt="">
<span class="name">{{detail.phone1}}:</span>
<span class="names_right">{{detail.phone2}}</span>
</p>
<p>
<img :src="detail.hd" alt="">
<span class="name">{{detail.hd1}}:</span>
<span class="last_name ">{{detail.hd2}}</span>
</p>
</div>
</div>
</div>
</template>
<script>
import list from '@/assets/json/core.json';
export default {
name: 'Coredetail',
components: {},
data(){
return {
homelist: [],
detail:{}
}
},
methods: {
},
created() {
this.homelist = list.homecenter.home;
var index = this.$route.query.index;
this.detail = this.homelist[index].detail;
this.$share.initWx('/core')
}
}
</script>
<style lang="" scoped>
img{width:100%;}
h4{font-size:.4rem;color:#000;font-weight:600;padding-bottom:.4rem;}
.major_title{padding:.2rem .4rem 0 .4rem;}
.major_title img{width:.4rem;margin-right:.2rem;}
.major_title p{clear:both;overflow: hidden;line-height:.5rem;margin-bottom: .3rem;}
.major_title p img{float:left;}
.major_title p span{float:left;font-size:.28rem;color:#666;}
.major_title p span.name{width:1.3rem;}
.major_title p span.names{letter-spacing:.56rem;}
.last_name{width:66%;}
.name_right{margin-left:.1rem;}
.name_right,.names_right,.last_name{font-weight:600;color:#333;}
</style>