feat(排行榜): 添加排行榜卡片组件并更新主题颜色

- 新增 RankingCard 组件用于展示活动步数排行榜
- 将主题蓝色从 #4A90E2 更新为 #54ABAE
- 替换 Dashboard 页面的排行榜视图为新的 RankingCard 组件

@@ -28,6 +28,7 @@ declare module 'vue' {
     PointsCollector: typeof import('./src/components/PointsCollector.vue')['default']
     PointsCollector: typeof import('./src/components/PointsCollector.vue')['default']
     PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default']
     PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default']
     PrimaryButton: typeof import('./src/components/PrimaryButton.vue')['default']
     PrimaryButton: typeof import('./src/components/PrimaryButton.vue')['default']
+    RankingCard: typeof import('./src/components/RankingCard.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     RouterView: typeof import('vue-router')['RouterView']
     ShareButton: typeof import('./src/components/ShareButton/index.vue')['default']
     ShareButton: typeof import('./src/components/ShareButton/index.vue')['default']

@@ -3,13 +3,13 @@
 @tailwind utilities;
 @tailwind utilities;
 
 
 .bg-blue-500 {
 .bg-blue-500 {
-  background-color: #4A90E2 !important;
+  background-color: #54ABAE !important;
 }
 }
 
 
 .text-blue-500 {
 .text-blue-500 {
-  color: #4A90E2 !important;
+  color: #54ABAE !important;
 }
 }
 
 
 .border-blue-500 {
 .border-blue-500 {
-  border-color: #4A90E2 !important;
+  border-color: #54ABAE !important;
 }
 }

@@ -132,15 +132,8 @@
       </template>
       </template>
     </WeRunAuth>
     </WeRunAuth>
 
 
-    <!-- 活动排行榜 -->
-    <view class="px-5 mb-4 mt-4">
-      <view @tap="openFamilyRank" class="w-full bg-blue-500 text-white py-3 rounded-lg flex flex-col items-center justify-center">
-        <view class="flex items-center justify-center">
-          <Category size="16" class="mr-2" />
-          昨日活动步数排行榜
-        </view>
-      </view>
-    </view>
+    <!-- 排行榜卡片 -->
+    <RankingCard :onViewMore="openFamilyRank" />
 
 
     <!-- Family album -->
     <!-- Family album -->
     <view class="p-5 mt-4 mb-6 bg-white rounded-xl shadow-md mx-4">
     <view class="p-5 mt-4 mb-6 bg-white rounded-xl shadow-md mx-4">
@@ -232,6 +225,7 @@ import BottomNav from '../../components/BottomNav.vue';
 import TotalPointsDisplay from '@/components/TotalPointsDisplay.vue';
 import TotalPointsDisplay from '@/components/TotalPointsDisplay.vue';
 import PointsCollector from '@/components/PointsCollector.vue'
 import PointsCollector from '@/components/PointsCollector.vue'
 import WeRunAuth from '@/components/WeRunAuth.vue'
 import WeRunAuth from '@/components/WeRunAuth.vue'
+import RankingCard from '@/components/RankingCard.vue'
 import { useMediaPreview } from '@/composables/useMediaPreview';
 import { useMediaPreview } from '@/composables/useMediaPreview';
 // 默认家庭封面图
 // 默认家庭封面图
 const defaultFamilyCover = 'https://cdn.ipadbiz.cn/lls_prog/images/default-family-cover.png';
 const defaultFamilyCover = 'https://cdn.ipadbiz.cn/lls_prog/images/default-family-cover.png';

 /*
 /*
  * @Date: 2022-09-19 14:11:06
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-08 14:00:36
+ * @LastEditTime: 2025-09-09 10:52:43
  * @FilePath: /lls_program/src/utils/config.js
  * @FilePath: /lls_program/src/utils/config.js
  * @Description: 环境配置文件 - 根据小程序运行环境自动切换API地址
  * @Description: 环境配置文件 - 根据小程序运行环境自动切换API地址
  */
  */
@@ -46,7 +46,7 @@ export const DEFAULT_COVER_IMG = 'https://images.unsplash.com/photo-1558981806-e
 // 主题颜色配置
 // 主题颜色配置
 export const THEME_COLORS = {
 export const THEME_COLORS = {
     // 主题蓝色 - 可统一调整
     // 主题蓝色 - 可统一调整
-    PRIMARY: '#4A90E2',
+    PRIMARY: '#54ABAE',
     // 其他颜色可以在这里添加
     // 其他颜色可以在这里添加
     SECONDARY: '#6B7280',
     SECONDARY: '#6B7280',
     SUCCESS: '#10B981',
     SUCCESS: '#10B981',