fix: 场馆/商户列表分类为空时预留行高防名称跳动,顶部搜索栏滚动吸顶
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
f029460302
commit
c72e08f356
@@ -154,6 +154,10 @@ export default {
|
|||||||
.search-area {
|
.search-area {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
|
// xuchao: 滚动时固定在页面顶部
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-row {
|
.nav-row {
|
||||||
@@ -253,6 +257,9 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #727272;
|
color: #727272;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
// xuchao: 分类为空也预留一行高度,防止卡片内容底部对齐时名称上下跳动
|
||||||
|
min-height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-address-row {
|
.card-address-row {
|
||||||
|
|||||||
@@ -144,6 +144,10 @@ export default {
|
|||||||
.search-area {
|
.search-area {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
|
/* xuchao: 滚动时固定在页面顶部 */
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-row {
|
.nav-row {
|
||||||
@@ -234,6 +238,9 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #727272;
|
color: #727272;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
/* xuchao: 分类为空也预留一行高度,防止卡片内容底部对齐时名称上下跳动 */
|
||||||
|
min-height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-address {
|
.card-address {
|
||||||
|
|||||||
Reference in New Issue
Block a user