hookehuyr

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

- 新增 RankingCard 组件用于展示活动步数排行榜
- 将主题蓝色从 #4A90E2 更新为 #54ABAE
- 替换 Dashboard 页面的排行榜视图为新的 RankingCard 组件
......@@ -28,6 +28,7 @@ declare module 'vue' {
PointsCollector: typeof import('./src/components/PointsCollector.vue')['default']
PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default']
PrimaryButton: typeof import('./src/components/PrimaryButton.vue')['default']
RankingCard: typeof import('./src/components/RankingCard.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
ShareButton: typeof import('./src/components/ShareButton/index.vue')['default']
......
......@@ -3,13 +3,13 @@
@tailwind utilities;
.bg-blue-500 {
background-color: #4A90E2 !important;
background-color: #54ABAE !important;
}
.text-blue-500 {
color: #4A90E2 !important;
color: #54ABAE !important;
}
.border-blue-500 {
border-color: #4A90E2 !important;
border-color: #54ABAE !important;
}
......
This diff is collapsed. Click to expand it.
......@@ -132,15 +132,8 @@
</template>
</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 -->
<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 PointsCollector from '@/components/PointsCollector.vue'
import WeRunAuth from '@/components/WeRunAuth.vue'
import RankingCard from '@/components/RankingCard.vue'
import { useMediaPreview } from '@/composables/useMediaPreview';
// 默认家庭封面图
const defaultFamilyCover = 'https://cdn.ipadbiz.cn/lls_prog/images/default-family-cover.png';
......
/*
* @Date: 2022-09-19 14:11:06
* @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
* @Description: 环境配置文件 - 根据小程序运行环境自动切换API地址
*/
......@@ -46,7 +46,7 @@ export const DEFAULT_COVER_IMG = 'https://images.unsplash.com/photo-1558981806-e
// 主题颜色配置
export const THEME_COLORS = {
// 主题蓝色 - 可统一调整
PRIMARY: '#4A90E2',
PRIMARY: '#54ABAE',
// 其他颜色可以在这里添加
SECONDARY: '#6B7280',
SUCCESS: '#10B981',
......