优化首页、场馆、折扣页面卡片布局及宽屏适配

- 首页:banner限制最大高度300px,页面支持滚动
- 场馆/折扣:卡片结构统一,地址和距离合并容器靠右对齐
- 卡片宽度自适应屏幕,间距统一margin 12px
- card-name填充容器,超长截断
This commit is contained in:
jacobxu666
2026-07-17 11:08:57 +08:00
parent 12ee234130
commit 476cb64ee2
3 changed files with 57 additions and 23 deletions
+7 -1
View File
@@ -102,11 +102,17 @@
.page {
height: 100vh;
background-color: #f5f5f5;
overflow: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.banner {
width: 100%;
max-height: 300px;
overflow: hidden;
}
.banner-img {
width: 100%;
display: block;