feat(Dashboard): 更新活动排行榜标题并添加家庭成员数据

refactor(UserAgreement): 重构用户协议页面样式和结构 refactor(PrivacyPolicy): 重构隐私政策页面样式和结构

feat(Dashboard): 更新活动排行榜标题并添加家庭成员数据
refactor(UserAgreement): 重构用户协议页面样式和结构 refactor(PrivacyPolicy): 重构隐私政策页面样式和结构
hookehuyr
Commit 57df8d3b08cb26a6dd733eed3eedabb0eef94758 57df8d3b 1 parent 2018eb17
Showing 3 changed files with 74 additions and 59 deletions
src/pages/Dashboard/index.vue
src/pages/PrivacyPolicy/index.vue
src/pages/UserAgreement/index.vue
--- a/src/pages/Dashboard/index.vue
View file @57df8d3
+++ b/src/pages/Dashboard/index.vue
View file @57df8d3
@@ -106,7 +106,7 @@
       <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>
@@ -201,7 +201,10 @@ import TotalPointsDisplay from '@/components/TotalPointsDisplay.vue';
 import PointsCollector from '@/components/PointsCollector.vue'
 import WeRunAuth from '@/components/WeRunAuth.vue'
 import { useMediaPreview } from '@/composables/useMediaPreview';
+// 默认家庭封面图
 import defaultFamilyCover from '@/assets/images/default-family-cover.png';
+// 默认头像
+const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
 const todaySteps = ref(0);
 const isWeRunAuthorized = ref(false);
@@ -326,7 +329,19 @@ const familyMembers = ref([
     name: '女儿',
     steps: 4000,
     avatar: 'https://randomuser.me/api/portraits/women/29.jpg'
-  }
+  },
+  {
+    id: 5,
+    name: '孙子',
+    steps: 3000,
+    avatar: 'https://randomuser.me/api/portraits/men/25.jpg'
+  },
+  {
+    id: 6,
+    name: '孙女',
+    steps: 20000,
+    avatar: 'https://randomuser.me/api/portraits/women/27.jpg'
+  },
 ]);
 // 注意：totalSteps 计算逻辑已移至 getTotalSteps 方法中
--- a/src/pages/PrivacyPolicy/index.vue
View file @57df8d3
+++ b/src/pages/PrivacyPolicy/index.vue
View file @57df8d3
--- a/src/pages/UserAgreement/index.vue
View file @57df8d3
+++ b/src/pages/UserAgreement/index.vue
View file @57df8d3
 <!--
  * @Date: 2025-08-27 17:50:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-08-28 00:31:28
+ * @LastEditTime: 2025-09-02 14:26:36
  * @FilePath: /lls_program/src/pages/UserAgreement/index.vue
  * @Description: 文件描述
 -->
@@ -9,89 +9,89 @@
   <view class="min-h-screen flex flex-col bg-white">
     <!-- <AppHeader title="用户协议" /> -->
     <view class="flex-1 px-4 py-6 pb-20">
-      <view class="prose prose-sm max-w-none">
+      <view class="max-w-none">
-        <h2 class="text-xl font-bold mb-4">老来赛用户协议</h2>
+        <view class="text-xl font-bold mb-4">老来赛用户协议</view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           欢迎您使用老来赛应用服务。在使用老来赛应用服务之前，请您务必仔细阅读并透彻理解本用户协议。
-        </p>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">一、协议的范围</h3>
+        <view class="text-lg font-semibold mt-6 mb-2">一、协议的范围</view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           本协议是您与老来赛应用之间关于您使用老来赛应用服务所订立的协议。"老来赛"是指老来赛应用及其开发者。"用户"是指注册、登录、使用本服务的个人或组织。本服务包括老来赛应用及相关网站。
-        </p>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">
+        <view class="text-lg font-semibold mt-6 mb-2">
           二、账号注册与使用
-        </h3>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1.
           用户在使用本服务前需要注册一个老来赛账号。老来赛账号应当使用手机号码绑定注册，请用户使用尚未与老来赛账号绑定的手机号码，以及未被老来赛根据本协议封禁的手机号码注册老来赛账号。
-        </p>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           2.
           用户应当对账号信息的真实性、合法性、有效性承担全部责任。用户不得冒充他人或利用他人的名义注册账号，不得利用多个手机号注册多个账号，不得使用可能侵犯他人合法权益的账号名称。
-        </p>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">三、用户行为规范</h3>
+        <view class="text-lg font-semibold mt-6 mb-2">三、用户行为规范</view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1.
           用户在使用老来赛服务时，必须遵守中华人民共和国相关法律法规的规定，不得利用本服务进行任何违法或不正当的活动，包括但不限于：
-        </p>
+        </view>
-        <ul class="list-disc pl-5 mb-4 text-gray-700">
+        <view class="mb-4 text-gray-600">
-          <li>发布、传送、传播、储存违反国家法律法规禁止的内容</li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>发布、传送、传播、储存违反国家法律法规禁止的内容</view></view>
-          <li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>
             发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容
-          </li>
+          </view></view>
-          <li>虚构事实、隐瞒真相以误导、欺骗他人</li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>虚构事实、隐瞒真相以误导、欺骗他人</view></view>
-          <li>发布、传送、传播广告信息及垃圾信息</li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>发布、传送、传播广告信息及垃圾信息</view></view>
-        </ul>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">
+        <view class="text-lg font-semibold mt-6 mb-2">
           四、服务变更、中断或终止
-        </h3>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1.
           鉴于网络服务的特殊性，老来赛有权根据实际情况随时变更、中断或终止部分或全部的服务而无需对用户或第三方负责。
-        </p>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           2.
           如发生下列任何一种情形，老来赛有权随时中断或终止向用户提供本协议项下的服务而无需对用户或任何第三方承担责任：
-        </p>
+        </view>
-        <ul class="list-disc pl-5 mb-4 text-gray-700">
+        <view class="mb-4 text-gray-600">
-          <li>用户提供的个人资料不真实</li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>用户提供的个人资料不真实</view></view>
-          <li>用户违反本协议中规定的使用规则</li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>用户违反本协议中规定的使用规则</view></view>
-          <li>用户在使用老来赛服务时有违法行为</li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>用户在使用老来赛服务时有违法行为</view></view>
-        </ul>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">五、免责声明</h3>
+        <view class="text-lg font-semibold mt-6 mb-2">五、免责声明</view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1.
           用户明确同意其使用老来赛服务所存在的风险将完全由其自己承担；因其使用老来赛服务而产生的一切后果也由其自己承担，老来赛对用户不承担任何责任。
-        </p>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           2.
           老来赛不保证服务一定能满足用户的要求，也不保证服务不会中断，对服务的及时性、安全性、准确性也都不作保证。
-        </p>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">六、协议修改</h3>
+        <view class="text-lg font-semibold mt-6 mb-2">六、协议修改</view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1.
           老来赛有权随时修改本协议的任何条款，一旦本协议的内容发生变动，老来赛将会在应用内更新并提示修改内容。
-        </p>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           2.
           如果不同意老来赛对本协议相关条款所做的修改，用户有权停止使用老来赛服务。如果用户继续使用服务，则视为用户接受老来赛对本协议相关条款所做的修改。
-        </p>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">七、通知送达</h3>
+        <view class="text-lg font-semibold mt-6 mb-2">七、通知送达</view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1.
           本协议项下老来赛对于用户所有的通知均可通过网页公告、电子邮件、手机短信或常规的信件传送等方式进行。
-        </p>
+        </view>
-        <h3 class="text-lg font-semibold mt-6 mb-2">
+        <view class="text-lg font-semibold mt-6 mb-2">
           八、法律适用与争议解决
-        </h3>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           1. 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
-        </p>
+        </view>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
           2.
           如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向老来赛所在地的人民法院提起诉讼。
-        </p>
+        </view>
-        <p class="text-gray-700 mt-8">本协议最终解释权归老来赛所有。</p>
+        <view class="text-gray-600 mt-8">本协议最终解释权归老来赛所有。</view>
       </view>
     </view>
     <!-- <BottomNav /> -->
@@ -99,6 +99,6 @@
 </template>
 <script setup>
-import AppHeader from '../../components/AppHeader.vue';
-import BottomNav from '../../components/BottomNav.vue';
 </script>
+<style lang="less" scoped>
+</style>