微信小程序发布试用版本
This commit is contained in:
@@ -300,14 +300,14 @@
|
||||
.service-list-container {
|
||||
/* 使用绝对定位,从tab页底部开始,到底部导航栏结束 */
|
||||
position: absolute;
|
||||
top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
|
||||
top: 0; /* top值通过父组件的内联样式动态设置 */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 96rpx; /* 底部导航栏高度 */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F5F5F5;
|
||||
padding: 24rpx 16rpx;
|
||||
padding: 0 16rpx; /* 移除顶部padding,只保留左右padding,让toolbar紧贴tab */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@@ -315,14 +315,14 @@
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
gap: 8rpx; /* 增加间距,避免元素被挤压 */
|
||||
padding: 12rpx 8rpx; /* 增加内边距,给搜索框更多空间 */
|
||||
gap: 8rpx;
|
||||
padding: 12rpx 8rpx;
|
||||
margin-bottom: 24rpx; /* 与列表项间距保持一致(24rpx) */
|
||||
background-color: #F8F8FA;
|
||||
border-radius: 8rpx;
|
||||
border: 1px solid #EFEFF2;
|
||||
overflow-x: auto;
|
||||
min-height: 64rpx; /* 设置最小高度,确保搜索区域不被挤压 */
|
||||
min-height: 64rpx;
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0; /* 防止被压缩 */
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user