diff --git a/pages/discount/discount.vue b/pages/discount/discount.vue index 829bbe0..e1056bf 100644 --- a/pages/discount/discount.vue +++ b/pages/discount/discount.vue @@ -154,6 +154,10 @@ export default { .search-area { background-color: #ffffff; padding: 6px 12px; + // xuchao: 滚动时固定在页面顶部 + position: sticky; + top: 0; + z-index: 10; } .nav-row { @@ -253,6 +257,9 @@ export default { font-size: 14px; color: #727272; margin-top: 8px; + // xuchao: 分类为空也预留一行高度,防止卡片内容底部对齐时名称上下跳动 + min-height: 20px; + line-height: 20px; } .card-address-row { diff --git a/pages/venue/venue.vue b/pages/venue/venue.vue index ab982b8..a401dd4 100644 --- a/pages/venue/venue.vue +++ b/pages/venue/venue.vue @@ -144,6 +144,10 @@ export default { .search-area { background-color: #ffffff; padding: 6px 12px; + /* xuchao: 滚动时固定在页面顶部 */ + position: sticky; + top: 0; + z-index: 10; } .nav-row { @@ -234,6 +238,9 @@ export default { font-size: 14px; color: #727272; margin-top: 8px; + /* xuchao: 分类为空也预留一行高度,防止卡片内容底部对齐时名称上下跳动 */ + min-height: 20px; + line-height: 20px; } .card-address {