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

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

feat(Dashboard): 更新活动排行榜标题并添加家庭成员数据
refactor(UserAgreement): 重构用户协议页面样式和结构 refactor(PrivacyPolicy): 重构隐私政策页面样式和结构
hookehuyr
Commit 57df8d3b08cb26a6dd733eed3eedabb0eef94758 57df8d3b 1 parent 2018eb17
Showing 3 changed files with 162 additions and 148 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
 <!--
  * @Date: 2025-08-27 17:49:58
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-08-28 00:30:58
+ * @LastEditTime: 2025-09-02 14:29:29
  * @FilePath: /lls_program/src/pages/PrivacyPolicy/index.vue
  * @Description: 文件描述
 -->
@@ -9,110 +9,109 @@
   <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>
-        <ul class="list-disc pl-5 mb-4 text-gray-700">
+        <view class=" mb-4 text-gray-600">
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>您提供的信息：</strong>
+            <text class="font-bold">您提供的信息：</text>
             当您注册账号、使用我们的服务或联系我们时，您可能会提供姓名、电话号码、电子邮件地址等个人信息。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>设备信息：</strong>
+            <text class="font-bold">设备信息：</text>
             我们可能会收集设备型号、操作系统版本、设备设置、唯一设备标识符等信息。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>日志信息：</strong>
+            <text class="font-bold">日志信息：</text>
             当您使用我们的服务时，我们的服务器会自动记录您的搜索查询、IP地址、浏览器类型、语言设置、访问日期和时间等信息。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>位置信息：</strong>
+            <text class="font-bold">位置信息：</text>
             经您同意，我们可能会收集和处理有关您实际位置的信息，以便为您提供相关服务。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>
-            <strong>微信步数信息：</strong>
+            <text class="font-bold">微信步数信息：</text>
             经您授权，我们会从微信获取您的步数信息，用于计算积分和提供健康服务。
-          </li>
+          </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">
           我们可能将收集的信息用于以下目的：
-        </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>
-          <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>
-          <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">
           除以下情况外，未经您同意，我们不会与任何第三方分享您的个人信息：
-        </p>
+        </view>
-        <ul class="list-disc pl-5 mb-4 text-gray-700">
+        <view class=" mb-4 text-gray-600">
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>合作伙伴：</strong>
+            <text class="font-bold">合作伙伴：</text>
             我们可能与合作伙伴共享您的某些信息，以便他们为您提供或改进我们的服务。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>服务提供商：</strong>
+            <text class="font-bold">服务提供商：</text>
             我们可能会委托受信任的第三方代表我们提供服务，例如数据分析、发送电子邮件、提供客户服务等。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row mb-2"><view class="mr-2">・</view><view>
-            <strong>法律要求：</strong>
+            <text class="font-bold">法律要求：</text>
             如果法律要求披露您的个人信息，或者我们有理由相信需要这样做以遵守法律程序、应对索赔或保护我们的用户的权利、财产或安全，我们将披露您的个人信息。
-          </li>
+          </view></view>
-          <li>
+          <view class="flex flex-row"><view class="mr-2">・</view><view>
-            <strong>业务转让：</strong>
+            <text class="font-bold">业务转让：</text>
             如果我们参与合并、收购或资产出售，您的个人信息可能作为此类交易的一部分被转让。
-          </li>
+          </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">
           我们致力于保护您的个人信息安全。我们采取各种安全技术和程序，以防止信息的丢失、不当使用、未经授权的访问或披露。但请理解，由于技术的限制以及可能存在的各种恶意手段，在互联网行业，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全。
-        </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">根据适用的法律法规，您可能有权：</p>
+        <view class="text-gray-600 mb-4">根据适用的法律法规，您可能有权：</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>
-          <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>
-        <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">
           我们的服务主要面向成年人。如果您是未满18岁的未成年人，您应当在父母或监护人的陪同下阅读本隐私政策，并在征得您的父母或监护人同意的前提下使用我们的服务和提供个人信息。
-        </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">八、联系我们</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>
-        <p class="text-gray-700 mb-4">
+        <view class="text-gray-600 mb-4">
-          电子邮件：privacy@laolaisai.com
+          <view>电子邮件：privacy@laolaisai.com</view>
-          <br />
+          <view>电话：400-888-8888</view>
-          电话：400-888-8888
+        </view>
-        </p>
+        <view class="text-gray-600 mt-8">最后更新日期：2025年10月1日</view>
-        <p class="text-gray-700 mt-8">最后更新日期：2023年5月1日</p>
       </view>
     </view>
     <!-- <BottomNav /> -->
@@ -120,6 +119,6 @@
 </template>
 <script setup>
-import AppHeader from '../../components/AppHeader.vue';
-import BottomNav from '../../components/BottomNav.vue';
 </script>
+<style lang="less" scoped>
+</style>
--- 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>