mianfanglsit.vue
4.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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<template>
<div class="container">
<div class="tiezitop tiezilisttopk">
<div class="hometopbark flextwo">
<div class="homesearch homesearchk flexone">
<img src="../../../assets/sousuo.png" alt="" class="souimg" />
<div class="souenter">请输入关键词搜索</div>
</div>
<div class="searchpro searchprok flexone">
<div class="proname">江苏省</div>
<img src="../../../assets/xiasanjiao.png" alt="" class="xiasanjiao" />
</div>
</div>
<div class="tiezikind flextwo">
<div
class="tiezikinditem"
:class="tiezisel == 1 ? 'tiezikindactive' : ''"
@click="seltiekind(1)"
>
求购
</div>
<div
class="tiezikinditem"
:class="tiezisel == 2 ? 'tiezikindactive' : ''"
@click="seltiekind(2)"
>
转让
</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>