lxy/flux-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改：城市选择器UI优化

Browse Source
This commit is contained in:
绝尘
2026-01-29 17:06:05 +08:00
parent 7f87126c53
commit 8eb09ce6f0
4 changed files with 355 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
basic-info.html
View File

@@ -74,12 +74,42 @@
<button class="city-picker-btn city-picker-cancel" id="cityCancelBtn">取消</button>
<button class="city-picker-btn city-picker-confirm" id="cityConfirmBtn">确认</button>
</div>
<div class="city-picker-body">
<div class="city-picker-column" id="provinceColumn">
<!-- 省份列表会通过JS动态添加 -->
<!-- 定位和热门城市区域 -->
<div class="city-picker-hot-section">
<!-- 定位标签 -->
<div class="location-section" id="locationSection">
<!-- 定位标签会通过JS动态添加 -->
</div>
<!-- 热门城市 -->
<div class="hot-cities-section">
<div class="section-title">热门城市</div>
<div class="hot-cities-grid" id="hotCitiesList">
<!-- 热门城市标签会通过JS动态添加 -->
</div>
</div>
</div>
<div class="city-picker-column" id="cityColumn">
<!-- 城市列表会通过JS动态添加 -->
<!-- 省份城市联动区域 -->
<div class="province-city-section">
<div class="section-title">选择地区</div>
<div class="province-city-container">
<!-- 省份列表 -->
<div class="province-list-wrapper">
<div class="province-list" id="provinceColumn">
<!-- 省份列表会通过JS动态添加 -->
</div>
</div>
<!-- 城市网格 -->
<div class="city-grid-wrapper">
<div class="city-grid" id="cityColumn">
<!-- 城市列表会通过JS动态添加 -->
</div>
</div>
</div>
</div>
</div>
</div>