From c4eee64a0fe4ef3863f4356a2017e331e372f079 Mon Sep 17 00:00:00 2001 From: xcbyy <2578898740@qq.com> Date: Mon, 26 Oct 2026 10:49:10 +0800 Subject: [PATCH] =?UTF-8?q?style(expert):=20=E6=8E=A5=E5=8D=95=E5=A4=A7?= =?UTF-8?q?=E5=8E=85=E9=99=84=E8=BF=91=E7=BB=84=E5=B1=80=E5=8D=A1=E7=89=87?= =?UTF-8?q?=E4=B8=8E=E6=9A=96=E8=89=B2=E4=B8=BB=E9=A2=98=E7=BB=86=E8=8A=82?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pwuniapp/pages/expert/hall.vue | 269 +++++++++++++++++++++++++++------ 1 file changed, 221 insertions(+), 48 deletions(-) diff --git a/pwuniapp/pages/expert/hall.vue b/pwuniapp/pages/expert/hall.vue index d39283c..b3faa53 100644 --- a/pwuniapp/pages/expert/hall.vue +++ b/pwuniapp/pages/expert/hall.vue @@ -111,7 +111,10 @@ - 附近组局（可报名） + + 附近组局（可报名） + {{ nearbyActivities.length }}个招募中 + 查看全部 › {{ act.title }} - {{ act.payType === 'PROJECT' ? '房主请客' : `人均 ¥${act.perPersonFee}` }} + {{ act.payType === 'PROJECT' ? '房主请客' : `人均 ¥${act.perPersonFee}` }} {{ act.startTime || '时间待定' }} · {{ act.location || '地点待定' }} · {{ act.currentParticipants }}/{{ act.maxParticipants }} 人 @@ -1469,20 +1472,85 @@ const copyOrderNo = () => { } } - .dispatch-list .dispatch-card { - background: #FFFFFF; - border-color: #E7E5E4; - box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.03); + .dispatch-list { + .hall-empty { + background: #FFFFFF; + border: 1rpx dashed #E7E5E4; + box-shadow: 0 4rpx 16rpx rgba(28, 25, 23, 0.03); - .order-title { - color: #292524; + .hall-empty-title { + color: #44403C; + } + + .hall-empty-desc { + color: #A8A29E; + } } - .remark-box { - background: #F5F5F4; - .remark-text { color: #44403C; } + + .dispatch-card { + background: #FFFFFF; + border-color: #E7E5E4; + box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.03); + + .order-title { + color: #292524; + } + .remark-box { + background: #F5F5F4; + .remark-text { color: #44403C; } + } + .card-action-bar { + border-top-color: #F5F5F4; + } } - .card-action-bar { - border-top-color: #F5F5F4; + } + + .nearby-activities-section { + background: #FFFFFF; + border-color: #F0ECE4; + box-shadow: 0 12rpx 28rpx rgba(28, 25, 23, 0.05); + + .nearby-activity-title { + color: #1C1917; + } + + .nearby-activity-count { + color: #059669; + background: #ECFDF5; + border-color: #A7F3D0; + } + + .nearby-activity-more { + color: #059669; + } + + .nearby-activity-card { + background: #FAF8F5; + border-color: #F0ECE4; + + &:active { + background: #F5EFE6; + } + + .na-title { + color: #1C1917; + } + + .na-fee { + color: #059669; + background: #ECFDF5; + border-color: #A7F3D0; + + &.fee-project { + color: #D97706; + background: #FEF3C7; + border-color: #FDE68A; + } + } + + .na-meta { + color: #78716C; + } } } @@ -1581,63 +1649,114 @@ const copyOrderNo = () => { } } -/* 附近组局（招募中） */ +/* 附近组局（招募中）基础样式（默认暗黑主题） */ .nearby-activities-section { margin-top: 28rpx; padding: 24rpx; border-radius: 24rpx; - background: #151D30; + background: linear-gradient(180deg, rgba(22, 31, 51, 0.96) 0%, rgba(13, 20, 36, 0.98) 100%); border: 1rpx solid rgba(255, 255, 255, 0.08); + box-shadow: 0 12rpx 30rpx rgba(0, 0, 0, 0.2); .nearby-activity-head { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 12rpx; + margin-bottom: 16rpx; + padding: 0 4rpx; + + .head-left { + display: flex; + align-items: center; + gap: 12rpx; + } } .nearby-activity-title { font-size: 28rpx; - font-weight: 600; + font-weight: 700; color: #F8FAFC; + letter-spacing: 0.3rpx; + } + + .nearby-activity-count { + font-size: 20rpx; + color: #34D399; + background: rgba(16, 185, 129, 0.14); + border: 1rpx solid rgba(16, 185, 129, 0.25); + padding: 2rpx 10rpx; + border-radius: 8rpx; + font-weight: 500; } .nearby-activity-more { - font-size: 22rpx; + font-size: 24rpx; color: #10B981; + font-weight: 500; } .nearby-activity-card { - padding: 18rpx 0; - border-top: 1rpx solid rgba(255, 255, 255, 0.06); + padding: 20rpx 22rpx; + margin-top: 14rpx; + border-radius: 18rpx; + background: rgba(255, 255, 255, 0.04); + border: 1rpx solid rgba(255, 255, 255, 0.06); + box-sizing: border-box; + transition: all 0.2s ease; &:first-of-type { - border-top: none; + margin-top: 0; + } + + &:active { + transform: scale(0.985); + background: rgba(255, 255, 255, 0.07); } .na-row { display: flex; justify-content: space-between; - gap: 12rpx; + align-items: center; + gap: 16rpx; } .na-title { flex: 1; - font-size: 26rpx; + font-size: 28rpx; font-weight: 600; - color: #E2E8F0; + color: #F1F5F9; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .na-fee { - font-size: 24rpx; - color: #10B981; + font-size: 22rpx; + font-weight: 700; + padding: 4rpx 14rpx; + border-radius: 8rpx; + white-space: nowrap; + flex-shrink: 0; + color: #34D399; + background: rgba(16, 185, 129, 0.14); + border: 1rpx solid rgba(16, 185, 129, 0.25); + + &.fee-project { + color: #FBBF24; + background: rgba(245, 158, 11, 0.14); + border-color: rgba(245, 158, 11, 0.25); + } } .na-meta { display: block; - margin-top: 8rpx; + margin-top: 10rpx; font-size: 22rpx; color: #94A3B8; + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } } } @@ -1738,12 +1857,6 @@ const copyOrderNo = () => { box-shadow: 0 8rpx 20rpx rgba(16, 185, 129, 0.26); } } - - .nearby-activity-card { - background: rgba(15, 22, 38, 0.78); - border: 1rpx solid var(--hairline); - border-radius: 22rpx; - } } .hall-container.theme-warm { @@ -1796,32 +1909,92 @@ const copyOrderNo = () => { } } - .dispatch-list .dispatch-card { + .dispatch-list { + .hall-empty { + background: #FFFFFF; + border: 1rpx dashed #E7E5E4; + box-shadow: 0 4rpx 16rpx rgba(28, 25, 23, 0.03); + + .hall-empty-title { + color: #44403C; + } + + .hall-empty-desc { + color: #A8A29E; + } + } + + .dispatch-card { + background: #FFFFFF; + border-color: #F0ECE4; + box-shadow: 0 12rpx 28rpx rgba(28, 25, 23, 0.05); + + .order-title { + color: #1C1917; + } + + .remark-box { + background: #FAF8F4; + border-color: #F0ECE4; + + .remark-text { + color: #57534E; + } + } + + .card-action-bar { + border-top-color: #F5F2EC; + } + } + } + + .nearby-activities-section { background: #FFFFFF; border-color: #F0ECE4; box-shadow: 0 12rpx 28rpx rgba(28, 25, 23, 0.05); - .order-title { + .nearby-activity-title { color: #1C1917; } - .remark-box { - background: #FAF8F4; + .nearby-activity-count { + color: #059669; + background: #ECFDF5; + border-color: #A7F3D0; + } + + .nearby-activity-more { + color: #059669; + } + + .nearby-activity-card { + background: #FAF8F5; border-color: #F0ECE4; - .remark-text { - color: #57534E; + &:active { + background: #F5EFE6; + } + + .na-title { + color: #1C1917; + } + + .na-fee { + color: #059669; + background: #ECFDF5; + border-color: #A7F3D0; + + &.fee-project { + color: #D97706; + background: #FEF3C7; + border-color: #FDE68A; + } + } + + .na-meta { + color: #78716C; } } - - .card-action-bar { - border-top-color: #F5F2EC; - } - } - - .nearby-activity-card { - background: #FFFFFF; - border-color: #F0ECE4; } }