更改主题色

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

@@ -659,7 +659,7 @@ this.activeTab = 0
/* ===== 顶部导航(微信小程序) ===== */
.mp-tab-navbar {
background-color: rgb(66, 121, 240);
background-color: #09C39D;
padding-top: var(--status-bar-height);
flex-shrink: 0;
}
@@ -722,8 +722,8 @@ this.activeTab = 0
.wb-tab-item:active { background-color: #f5f7fa; }
.wb-tab-icon { font-size: 38rpx; }
.wb-tab-label { font-size: 24rpx; color: #888; margin-top: 6rpx; }
.wb-tab-active .wb-tab-label { color: rgb(66, 121, 240); font-weight: bold; }
.wb-tab-active { border-bottom-width: 4rpx; border-bottom-style: solid; border-bottom-color: rgb(66, 121, 240); }
.wb-tab-active .wb-tab-label { color: #09C39D; font-weight: bold; }
.wb-tab-active { border-bottom-width: 4rpx; border-bottom-style: solid; border-bottom-color: #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; }
@@ -740,7 +740,7 @@ this.activeTab = 0
flex-shrink: 0;
}
.session-hint-avatar { font-size: 32rpx; margin-right: 10rpx; }
.session-hint-name { font-size: 24rpx; color: rgb(66, 121, 240); 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; }
@@ -748,7 +748,7 @@ this.activeTab = 0
.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: rgb(66, 121, 240); 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; }
/* ===== 内容区flex:1 填充剩余高度) ===== */
@@ -785,7 +785,7 @@ this.activeTab = 0
.session-card { display: flex; flex-direction: row; align-items: center; padding: 28rpx 24rpx; border-bottom-width: 1rpx; border-bottom-style: solid; border-bottom-color: #f0f0f0; }
.session-card:active { background-color: #f0f7ff; }
.session-card-active { background-color: #e8f4ff; border-left-width: 6rpx; border-left-style: solid; border-left-color: rgb(66, 121, 240); }
.session-card-active { background-color: #E3F7ED; border-left-width: 6rpx; border-left-style: solid; border-left-color: #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-width: 2rpx; border-style: solid; border-color: #fff; }
@@ -794,7 +794,7 @@ this.activeTab = 0
.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: rgb(66, 121, 240); 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; }
@@ -873,7 +873,7 @@ this.activeTab = 0
.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-width: 1rpx; border-style: solid; border-color: #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-width: 1rpx; border-bottom-style: solid; border-bottom-color: #f0f0f0; }
@@ -886,14 +886,14 @@ this.activeTab = 0
.input-row { display: flex; flex-direction: row; align-items: flex-end; padding: 12rpx 20rpx 16rpx; gap: 16rpx; }
.chat-textarea { flex: 1; background-color: #f5f7fa; border-radius: 16rpx; padding: 16rpx 20rpx; font-size: 30rpx; min-height: 80rpx; max-height: 200rpx; color: #333; border-width: 1rpx; border-style: solid; border-color: #e8e8e8; }
.send-btn { background-color: #ccc; border-radius: 16rpx; padding: 18rpx 28rpx; flex-shrink: 0; }
.send-btn-active { background-color: rgb(66, 121, 240); }
.send-btn-active { background-color: #09C39D; }
.send-btn-text { font-size: 30rpx; color: #fff; font-weight: bold; }
/* ====== 模块三:用户资料 ====== */
.module-info { flex: 1; overflow: hidden; }
.info-scroll { height: 100%; }
.info-user-card { background-color: rgb(66, 121, 240); padding: 40rpx 30rpx 30rpx; display: flex; flex-direction: row; align-items: center; }
.info-user-card { background-color: #09C39D; padding: 40rpx 30rpx 30rpx; display: flex; flex-direction: row; align-items: center; }
.info-big-avatar { font-size: 100rpx; margin-right: 24rpx; }
.info-user-main { flex: 1; }
.info-user-name { font-size: 36rpx; font-weight: bold; color: #fff; display: block; margin-bottom: 16rpx; }
@@ -939,7 +939,7 @@ this.activeTab = 0
.info-actions { display: flex; flex-direction: row; gap: 20rpx; padding: 24rpx; }
.info-action-btn { flex: 1; background-color: #f5f5f5; border-radius: 20rpx; padding: 22rpx 0; display: flex; align-items: center; justify-content: center; }
.info-action-btn:active { opacity: 0.8; }
.info-action-btn.primary { background-color: rgb(66, 121, 240); }
.info-action-btn.primary { background-color: #09C39D; }
.info-action-btn.primary .info-action-text { color: #fff; }
.info-action-text { font-size: 30rpx; color: #555; font-weight: bold; }