Просмотр исходного кода

refactor(beautify): D31b custom-tab-bar 五维色收编 BrandColors

- 自定义 TabBar 五维色(wealth/action/mind/body/wisdom)改用 BrandColors.*
liaoxg 6 дней назад
Родитель
Сommit
c9494a38f2
1 измененных файлов с 6 добавлено и 5 удалено
  1. 6 5
      cfc-frontend/custom-tab-bar/index.vue

+ 6 - 5
cfc-frontend/custom-tab-bar/index.vue

@@ -69,6 +69,7 @@
 </template>
 
 <script>
+import { BrandColors } from '../utils/brand-colors.js'
 export default {
   data() {
     return {
@@ -82,11 +83,11 @@ export default {
         { text: '我的', pagePath: '/pages/profile-main/profile', icon: '/static/tab-profile.png', selectedIcon: '/static/tab-profile-active.png' }
       ],
       dimensions: [
-        { code: 'wealth', name: '富', desc: '利他创富', icon: '💧', color: '#F59E0B', bgColor: 'rgba(245,158,11,0.15)' },
-        { code: 'action', name: '行', desc: '知行合一', icon: '🌿', color: '#10B981', bgColor: 'rgba(16,185,129,0.15)' },
-        { code: 'mind', name: '心', desc: '大爱传承', icon: '🔥', color: '#FF6B9D', bgColor: 'rgba(255,107,157,0.15)' },
-        { code: 'body', name: '身', desc: '主动健康', icon: '🌏', color: '#FF8C42', bgColor: 'rgba(255,140,66,0.15)' },
-        { code: 'wisdom', name: '智', desc: '赋能未来', icon: '⚡', color: '#6366F1', bgColor: 'rgba(99,102,241,0.15)' }
+        { code: 'wealth', name: '富', desc: '利他创富', icon: '💧', color: BrandColors.wealth, bgColor: 'rgba(245,158,11,0.15)' },
+        { code: 'action', name: '行', desc: '知行合一', icon: '🌿', color: BrandColors.success, bgColor: 'rgba(16,185,129,0.15)' },
+        { code: 'mind', name: '心', desc: '大爱传承', icon: '🔥', color: BrandColors.mind, bgColor: 'rgba(255,107,157,0.15)' },
+        { code: 'body', name: '身', desc: '主动健康', icon: '🌏', color: BrandColors.body, bgColor: 'rgba(255,140,66,0.15)' },
+        { code: 'wisdom', name: '智', desc: '赋能未来', icon: '⚡', color: BrandColors.wisdom, bgColor: 'rgba(99,102,241,0.15)' }
       ]
     }
   },