Jelajahi Sumber

style(sandbox): 右上角个人/全家切换按钮更醒目(渐变胶囊+阴影+放大)

liaoxg 2 minggu lalu
induk
melakukan
d290c2cadb
1 mengubah file dengan 13 tambahan dan 10 penghapusan
  1. 13 10
      cfc-frontend/components/wuxing-sandbox.vue

+ 13 - 10
cfc-frontend/components/wuxing-sandbox.vue

@@ -649,21 +649,24 @@ export default {
 .sandbox-switch {
   display: flex;
   align-items: center;
-  gap: 4rpx;
-  font-size: 20rpx;
-  color: rgba(143,197,232,0.85);
-  background: rgba(143,197,232,0.12);
-  padding: 6rpx 14rpx;
-  border-radius: 20rpx;
+  gap: 6rpx;
+  font-size: 22rpx;
+  color: #fff;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  padding: 10rpx 20rpx;
+  border-radius: 28rpx;
   margin-left: auto;
   flex-shrink: 0;
+  box-shadow: 0 4rpx 12rpx rgba(102,126,234,0.45);
+  border: 1rpx solid rgba(255,255,255,0.25);
 }
 .sandbox-switch:active {
-  background: rgba(143,197,232,0.22);
+  opacity: 0.85;
+  box-shadow: none;
 }
-.sandbox-switch-icon { font-size: 22rpx; line-height: 1; }
-.sandbox-switch-label { font-size: 20rpx; font-weight: 600; max-width: 120rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
-.sandbox-switch-arrow { font-size: 18rpx; opacity: 0.6; }
+.sandbox-switch-icon { font-size: 24rpx; line-height: 1; }
+.sandbox-switch-label { font-size: 22rpx; font-weight: 700; max-width: 140rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.sandbox-switch-arrow { font-size: 20rpx; opacity: 0.8; }
 
 /* ---- 五角星区域 ---- */
 .sandbox-star {