personpage.vue
3.9 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<template>
<div class="container">
<div class="personbox flexone">
<div class="personboxleft">
<img src="../../../assets/touxiang_img@2x.png" alt="" />
</div>
<div class="personboxright">
<div class="persondis flexone">
<div class="personname">中面小麦</div>
<div class="personguan">关注</div>
</div>
<div class="connectphone">联系方式：15822184563</div>
</div>
</div>
<div class="tiezhlist">
<div class="tieziitem">
<div class="tiezitop flexone">
<div class="tieziimg">
<img src="../../../assets/touxiang_img@2x.png" alt="" />
</div>
<div class="tieziright">
<div class="tiezirighttop flex">
<div>
<div class="tieziming">中面小麦</div>
<div class="tiezifen">30分钟</div>
</div>
<div>
<div class="vipimg">
<img src="../../../assets/vip_icon@2x.png" alt="" />
<div class="vipname">VIP1</div>
</div>
<div class="tiezizhuan">面坊转让</div>
</div>
<img
src="../../../assets/banggong_icon@2x.png"
class="banggongimg"
alt=""
/>
<img
src="../../../assets/peisong_icon@2x.png"
class="banggongimg"
alt=""
/>
<img
src="../../../assets/yirenzheng_icon@2x.png"
class="banggongimg"
alt=""
/>
</div>
<div class="tiezibto flexone"></div>
</div>
</div>
<div class="tiezicontent">
<div class="teizicontenttop flextwo">
<div class="tiezicontentname">滚滚长江东逝水</div>
<img
src="../../../assets/xingxing_icon@2x.png"
alt=""
class="starimg"
/>
<img
src="../../../assets/weishoucang_icon@2x.png"
alt=""
class="starimg"
/>
</div>
<div class="tieziwordbox">滚滚长江东逝水</div>
<div class="teiziimgbox flexone">
<div class="tieziimgimg">
<img src="../../../assets/banner.png" alt="" />
</div>
<div class="tieziimgimg">
<img src="../../../assets/banner.png" alt="" />
</div>
<div class="tieziimgimg">
<img src="../../../assets/banner.png" alt="" />
</div>
<div class="tieziimgimg">
<img src="../../../assets/banner.png" alt="" />
</div>
<div class="tieziimgimg">
<img src="../../../assets/banner.png" alt="" />
</div>
</div>
<div class="tiezipingbot">
<div class="teizipingitem flexone">
<img
src="../../../assets/pinglun_icon@2x.png"
alt=""
class="lunimg"
/>
1005
</div>
<div class="teizipingitem flexone">
<img
src="../../../assets/zan_icon@2x.png"
alt=""
class="lunimg zanimg"
/>
1005
</div>
<div class="teizipingitem flexone">
<img
src="../../../assets/cai_icon@2x.png"
alt=""
class="lunimg zanimg"
/>
1005
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
tiezisel: 1
};
},
created() {
document.title = "征婚交友";
},
methods: {
seltiekind(id) {
this.tiezisel = id;
}
}
};
</script>
<style scoped>
@import "../../style/homepage.css";
</style>