mine_detail.html
9.7 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>发布详情</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="detail">
<div class="detail_top">
<div class="detail_top_title">上传图片</div>
<div class="detail_top_box layer_star flex-warp">
<div class="detail_top_one">
<img src="./img/detail (1).png" alt="">
<div class="detail_top_close">
<img src="./img/close.png" alt="">
</div>
</div>
<div class="detail_top_one">
<img src="./img/detail (2).png" alt="">
</div>
</div>
<div class="detail_top_word">可批量上传多张房源图片（第一张为封面）</div>
</div>
<div class="detail_center">
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">售价<span>*</span>：</div>
<div class="detail_center_one_word"><input type="text" placeholder="请填写金额，留空为面议"></div>
</div>
<div class="detail_center_one_right layer_star">
<div class="detai_center_right_title">万元</div>
<div class="detai_center_right_icon">
<img src="./img/guanbi.png" alt="">
</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">户型：</div>
<div class="detail_center_word">请选择户型</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">建筑面积<span>*</span>：</div>
<div class="detail_center_word">请填写建筑面积</div>
</div>
<div class="detail_center_right layer_star">
<!-- <img src="./img/yourow.png" alt=""> -->
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">楼层/类型：</div>
<div class="detail_center_word">请选择楼层/类型</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">装修：</div>
<div class="detail_center_word">请选择装修情况</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">区域<span>*</span>：</div>
<div class="detail_center_word">请选择区域</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">小区：</div>
<div class="detail_center_word">请选择小区/商圈</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">详细地址：</div>
<div class="detail_center_word">请输入详细地址</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">联系人<span>*</span>：</div>
<div class="detail_center_word">请输入联系人</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">手机<span>*</span>：</div>
<div class="detail_center_word">请输入联系人手机</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">发布标题：</div>
<div class="detail_center_word">请输入标题</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_nostar">
<div class="detail_center_title">房源描述：</div>
<div class="detail_center_text">
<textarea name="" placeholder="请输入描述"></textarea>
</div>
</div>
</div>
</div>
<div class="detail_bottom">
<div class="detail_bottom_title">特色标签：最多可选择三个特色标签</div>
<div class="detail_bottom_label layer_star flex-warp">
<div class="detail_bottom_labels ">繁华地段</div>
<div class="detail_bottom_labels">学区房</div>
<div class="detail_bottom_labels">临近地铁</div>
<div class="detail_bottom_labels">临近医院</div>
<div class="detail_bottom_labels">临近医院</div>
</div>
</div>
</div>
<div class="detail_fix">
<div class="detail_fix_box">
<!-- 第一种 -->
<div class="detail_fix_one layer_between" style="display:none">
<div class="detail_fix_left flex_center">
<div class="detail_fix_img">
<img src="./img/shenhe.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_right">确认修改</div>
</div>
<!-- 第二种 -->
<div class="detail_fix_two layer_between" style="display:none">
<div class="detail_fix_two_box layer_center">
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/shenhe.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/zhiding.png" alt="">
</div>
<div class="detail_fix_titles">已置顶</div>
</div>
</div>
<div class="detail_fix_two_right">确认修改</div>
</div>
<!-- 第三种 -->
<div class="detail_fix_three layer_between" style="display:none">
<div class="detail_fix_two_box layer_center">
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/xiajia.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/zhiding (2).png" alt="">
<div class="detail_fix_position">
<img src="./img/sun_73.png" alt="">
</div>
</div>
<div class="detail_fix_title">置顶推广</div>
</div>
</div>
<div class="detail_fix_two_right">确认修改</div>
</div>
<!-- 第四种 -->
<div class="detail_fix_four">
重新上架
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
// 选择标签
$(".detail_bottom_labels").click(function() {
$(this).addClass("detail_bottom_labels_active")
})
</script>
</html>