r57/publish.html · 约 2693 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>发布房源</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">经纪人 · 王橙</div>
13 <div class="top-r">发布房源</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="sec-title"><span class="em">📝</span> 房源标题</div>
18 <div class="search">如「阳光花园 3室2厅 南向精装」</div>
19</div>
20<div class="card">
21 <div class="sec-title"><span class="em">🖼️</span> 封面图</div>
22 <div class="row"><div class="cover" style="height:96px;flex:1;font-size:34px">🏘️</div><button class="btn sm">上传</button></div>
23</div>
24<div class="card">
25 <div class="seg" style="margin-bottom:10px"><div class="sg on"><button>🏷️ 出租</button></div><div class="sg"><button>💰 出售</button></div></div>
26 <div class="field"><label>小区名称</label><input value="阳光花园"></div>
27 <div class="field"><label>区域 / 商圈</label><input value="朝阳区 · 常营"></div>
28 <div class="field"><label>户型</label><select><option>3室2厅</option><option>2室1厅</option><option>1室1厅</option><option>4室2厅</option></select></div>
29 <div class="field"><label>面积（㎡）</label><input value="89"></div>
30 <div class="field"><label>租金 / 售价</label><input value="4200 元/月"></div>
31 <div class="field"><label>朝向 / 楼层</label><input value="南向 · 中楼层"></div>
32</div>
33<div class="card">
34 <div class="sec-title"><span class="em">🗺️</span> 地图标注</div>
35 <div class="pin">📍 常营地铁站</div> <div class="pin">📍 朝阳大悦城</div>
36 <button class="btn ghost sm" style="margin-left:8px">＋ 标点</button>
37</div>
38<div class="card">
39 <div class="sec-title"><span class="em">📷</span> 房源描述</div>
40 <textarea class="ta">阳光通透三居，业主自住装修保养好，拎包入住……</textarea>
41</div>
42<a class="btn full" href="agent.html" style="text-decoration:none;text-align:center">提交审核</a>
43<div class="muted" style="text-align:center">提交后由平台审核，通过即上架展示</div>
44</main>
45 <nav class="nav"><a class="" href="agent.html"><span class="ic">📋</span>我的房源</a><a class="" href="agent_book.html"><span class="ic">📅</span>预约管理</a><a class=" on" href="publish.html"><span class="ic">➕</span>发布</a><a class="" href="mine.html"><span class="ic">👤</span>个人</a></nav>
46</div>
47<script></script>
48</body>
49</html>