更改主题色

This commit is contained in:
2026-04-10 11:42:02 +08:00
parent 384111d6aa
commit 334e5936c9
24 changed files with 204 additions and 154 deletions

View File

@@ -644,7 +644,7 @@ uni.navigateBack()
.workbench { display: flex; flex-direction: column; height: 100vh; background-color: #f4f6f9; }
/* 顶部导航 */
.wb-header { height: 88rpx; background-color: #1a6fd4; display: flex; flex-direction: row; align-items: center; padding: 0 24rpx; flex-shrink: 0; }
.wb-header { height: 88rpx; background-color: #09C39D; display: flex; flex-direction: row; align-items: center; padding: 0 24rpx; flex-shrink: 0; }
.wb-back { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; }
.wb-back-icon { font-size: 52rpx; color: #fff; font-weight: bold; line-height: 1; }
.wb-header-title { font-size: 34rpx; font-weight: bold; color: #fff; flex: 1; margin-left: 8rpx; }
@@ -661,15 +661,15 @@ uni.navigateBack()
.wb-tab-item:active { background-color: #f5f7fa; }
.wb-tab-icon { font-size: 36rpx; }
.wb-tab-label { font-size: 24rpx; color: #888; margin-top: 4rpx; }
.wb-tab-active .wb-tab-label { color: #1a6fd4; font-weight: bold; }
.wb-tab-active { border-bottom: 4rpx solid #1a6fd4; }
.wb-tab-active .wb-tab-label { color: #09C39D; font-weight: bold; }
.wb-tab-active { border-bottom: 4rpx solid #09C39D; }
.wb-tab-badge { position: absolute; top: 10rpx; right: 16rpx; min-width: 28rpx; height: 28rpx; background-color: #ff4d4f; border-radius: 14rpx; display: flex; align-items: center; justify-content: center; padding: 0 6rpx; }
.wb-tab-badge-num { font-size: 18rpx; color: #fff; font-weight: bold; }
/* 当前会话提示条 */
.session-hint-bar { background-color: #f0f7ff; border-bottom: 1rpx solid #d0e8ff; padding: 12rpx 24rpx; display: flex; flex-direction: row; align-items: center; flex-shrink: 0; }
.session-hint-avatar { font-size: 32rpx; margin-right: 10rpx; }
.session-hint-name { font-size: 24rpx; color: #1a6fd4; font-weight: bold; flex: 1; }
.session-hint-name { font-size: 24rpx; color: #09C39D; font-weight: bold; flex: 1; }
.session-hint-status { border-radius: 8rpx; padding: 2rpx 12rpx; margin-right: 16rpx; }
.shs-pending { background-color: #fff3e0; }
.shs-pending .session-hint-status-text { font-size: 20rpx; color: #ff8c00; }
@@ -677,7 +677,7 @@ uni.navigateBack()
.shs-active .session-hint-status-text { font-size: 20rpx; color: #388e3c; }
.shs-closed { background-color: #f5f5f5; }
.shs-closed .session-hint-status-text { font-size: 20rpx; color: #999; }
.session-hint-switch { background-color: #1a6fd4; border-radius: 20rpx; padding: 6rpx 20rpx; }
.session-hint-switch { background-color: #09C39D; border-radius: 20rpx; padding: 6rpx 20rpx; }
.session-hint-switch-text { font-size: 20rpx; color: #fff; }
/* 内容区 */
@@ -691,7 +691,7 @@ uni.navigateBack()
.session-card { display: flex; flex-direction: row; align-items: center; padding: 28rpx 24rpx; border-bottom: 1rpx solid #f0f0f0; }
.session-card:active { background-color: #f0f7ff; }
.session-card-active { background-color: #e8f4ff; border-left: 6rpx solid #1a6fd4; }
.session-card-active { background-color: #E3F7ED; border-left: 6rpx solid #09C39D; }
.sc-avatar-wrap { position: relative; margin-right: 20rpx; flex-shrink: 0; }
.sc-avatar-emoji { font-size: 80rpx; }
.sc-unread-badge { position: absolute; top: -6rpx; right: -6rpx; min-width: 32rpx; height: 32rpx; background-color: #ff4d4f; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; padding: 0 8rpx; border: 2rpx solid #fff; }
@@ -700,7 +700,7 @@ uni.navigateBack()
.sc-row-top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 4rpx; }
.sc-name { font-size: 30rpx; font-weight: bold; color: #1a1a1a; flex: 1; }
.sc-time { font-size: 22rpx; color: #aaa; flex-shrink: 0; margin-left: 16rpx; }
.sc-consult-type { font-size: 22rpx; color: #1a6fd4; display: block; margin-bottom: 8rpx; }
.sc-consult-type { font-size: 22rpx; color: #09C39D; display: block; margin-bottom: 8rpx; }
.sc-row-bottom { display: flex; flex-direction: row; align-items: center; }
.sc-preview { font-size: 26rpx; color: #999; flex: 1; }
.sc-preview-bold { color: #333; font-weight: bold; }
@@ -778,7 +778,7 @@ uni.navigateBack()
.qr-close { font-size: 28rpx; color: #aaa; padding: 8rpx; }
.qr-scroll { max-height: 240rpx; }
.qr-item { background-color: #fff; border-radius: 10rpx; padding: 14rpx 20rpx; margin-bottom: 10rpx; border: 1rpx solid #e8e8e8; }
.qr-item:active { background-color: #e8f4ff; }
.qr-item:active { background-color: #E3F7ED; }
.qr-text { font-size: 26rpx; color: #333; line-height: 1.5; }
.chat-toolbar { display: flex; flex-direction: row; padding: 16rpx 20rpx 8rpx; gap: 20rpx; border-bottom: 1rpx solid #f0f0f0; }
@@ -791,13 +791,13 @@ uni.navigateBack()
.input-row { display: flex; flex-direction: row; align-items: flex-end; padding: 16rpx 20rpx 20rpx; }
.chat-textarea { flex: 1; background-color: #f5f7fa; border-radius: 12rpx; padding: 14rpx 18rpx; font-size: 28rpx; color: #1a1a1a; min-height: 80rpx; max-height: 160rpx; margin-right: 16rpx; border: 1rpx solid #e0e0e0; box-sizing: border-box; }
.send-btn { padding: 20rpx 36rpx; border-radius: 12rpx; background-color: #d0d0d0; flex-shrink: 0; }
.send-btn-active { background-color: #1a6fd4; }
.send-btn-active { background-color: #09C39D; }
.send-btn-text { font-size: 28rpx; color: #fff; font-weight: bold; }
/* ====== 模块三:用户资料 ====== */
.module-info { flex: 1; height: 0; overflow-y: auto; background-color: #f4f6f9; padding-bottom: 60rpx; }
.info-user-card { background-color: #1a6fd4; padding: 40rpx 30rpx 36rpx; display: flex; flex-direction: row; align-items: center; }
.info-user-card { background-color: #09C39D; padding: 40rpx 30rpx 36rpx; display: flex; flex-direction: row; align-items: center; }
.info-big-avatar { font-size: 100rpx; margin-right: 24rpx; flex-shrink: 0; }
.info-user-main { flex: 1; }
.info-user-name { font-size: 36rpx; font-weight: bold; color: #fff; display: block; margin-bottom: 12rpx; }
@@ -846,7 +846,7 @@ uni.navigateBack()
.info-actions { margin: 24rpx 28rpx 0; display: flex; flex-direction: row; gap: 20rpx; }
.info-action-btn { flex: 1; padding: 24rpx 0; border-radius: 14rpx; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; }
.info-action-btn.primary { background-color: #1a6fd4; }
.info-action-btn.primary { background-color: #09C39D; }
.info-action-text { font-size: 28rpx; color: #555; font-weight: bold; }
.info-action-btn.primary .info-action-text { color: #fff; }
</style>