huangzhenbao/medical-mall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

20260123new

Browse Source
This commit is contained in:
cyh666666
2026-01-23 17:31:07 +08:00
parent b634c762b3
commit 0ed62a8258
8 changed files with 3372 additions and 3426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
pages/mall/consumer/index.uvue
View File

@@ -823,19 +823,17 @@ const navigateToReminders = () => uni.navigateTo({ url: '/pages/user/reminders'
display: flex;
align-items: center;
width: 100%;
gap: 20px;
flex-wrap: wrap;
gap: 16px;
flex-wrap: nowrap; /* 强制不换行 */
justify-content: space-between;
}
/* 品牌标识区域 - 自适应平铺 */
.brand-logo-area {
flex-shrink: 1;
min-width: 120px;
max-width: 200px;
flex-shrink: 0; /* 防止被压缩 */
min-width: auto;
display: flex;
align-items: center;
flex-grow: 0;
}
/* 小屏幕隐藏品牌标识 */
@@ -858,20 +856,21 @@ const navigateToReminders = () => uni.navigateTo({ url: '/pages/user/reminders'
font-weight: bold;
color: white;
letter-spacing: 0.5px;
white-space: nowrap; /* 防止文字换行 */
}
.brand-tag {
font-size: 11px;
color: rgba(255, 255, 255, 0.9);
margin-top: 2px;
white-space: nowrap; /* 防止文字换行 */
}
/* 导航栏搜索框容器 - 自适应平铺 */
.nav-search-container {
flex: 1;
flex: 1; /* 占据剩余空间 */
min-width: 0; /* 允许缩小 */
max-width: 100%; /* 确保在小屏幕上不会溢出 */
flex-grow: 1;
max-width: 100%;
}
.nav-search {
@@ -1205,10 +1204,19 @@ const navigateToReminders = () => uni.navigateTo({ url: '/pages/user/reminders'
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.section-header {
display: flex;
flex-direction: column; /* 标题和筛选器垂直排列 */
align-items: flex-start;
margin-bottom: 20px;
width: 100%;
}
.title-section {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.section-icon {
@@ -1218,23 +1226,28 @@ const navigateToReminders = () => uni.navigateTo({ url: '/pages/user/reminders'
.sort-tabs {
display: flex;
gap: 12px;
gap: 8px;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap; /* 强制不换行 */
justify-content: space-between; /* 两端对齐 */
width: 100%; /* 占满宽度 */
margin-top: 12px; /* 增加顶部间距，与标题分开 */
}
.sort-tab {
font-size: 13px;
color: #666;
padding: 6px 16px;
padding: 8px 0; /* 上下padding，左右由flex均分 */
border-radius: 20px;
border: 1px solid #e0e0e0;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
flex-shrink: 0;
flex-grow: 0;
flex: 1; /* 均分宽度 */
text-align: center; /* 文字居中 */
display: flex;
justify-content: center;
align-items: center;
}
.sort-tab.active {
@@ -1467,23 +1480,28 @@ const navigateToReminders = () => uni.navigateTo({ url: '/pages/user/reminders'
.recommend-filters {
display: flex;
gap: 12px;
gap: 8px;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap; /* 强制不换行 */
justify-content: space-between; /* 两端对齐 */
width: 100%; /* 占满宽度 */
margin-top: 12px; /* 增加顶部间距 */
}
.filter-item {
font-size: 13px;
color: #666;
padding: 6px 16px;
padding: 8px 0; /* 上下padding，左右由flex均分 */
border-radius: 20px;
border: 1px solid #e0e0e0;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
flex-shrink: 0;
flex-grow: 0;
flex: 1; /* 均分宽度 */
text-align: center; /* 文字居中 */
display: flex;
justify-content: center;
align-items: center;
}
.filter-item.active {