refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages/mine/help/tips.vue

@@ -1,62 +1,42 @@
 <template>
   <div class="wrapper">
-    <u-parse :lazy-load="true" :selectable="true" :content="res.content" v-if="res"></u-parse>
-
+    <u-parse :lazy-load="true" :selectable="true" :content="article.content" v-if="article"></u-parse>
   </div>
 </template>
-<script>
-import { getArticleDetailByType } from "@/api/article";
-export default {
-  data() {
-    return {
-      res: "",
-      way: {
-        USER_AGREEMENT: {
-          title: "服务协议",
-          type: "USER_AGREEMENT",
-        },
-        PRIVACY_POLICY: {
-          title: "隐私政策",
-          type: "PRIVACY_POLICY",
-        },
-        LICENSE_INFORMATION: {
-          title: "证照信息",
-          type: "LICENSE_INFORMATION",
-        },
-        ABOUT: {
-          title: "关于我们",
-          type: "ABOUT",
-        },
-        STORE_REGISTER: {
-          title: "店铺入驻协议",
-          type: "STORE_REGISTER",
-        },
-      },
-    };
-  },
-  mounted() {},
-  onLoad(option) {
-    console.log(this.way)
-    uni.setNavigationBarTitle({
-      title: this.way[option.type].title,
-    });
-    this.init(option);
-  },
 
-  methods: {
-    init(option) {
-      getArticleDetailByType(this.way[option.type].type).then((res) => {
-        if (res.data.success) {
-          this.res = res.data.result;
-          console.log(res)
-        }
-      });
-    },
-  },
-};
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getArticleDetailByType } from '@/api/article'
+
+const ARTICLE_TYPE_MAP: Record<string, { title: string; type: string }> = {
+  USER_AGREEMENT: { title: '服务协议', type: 'USER_AGREEMENT' },
+  PRIVACY_POLICY: { title: '隐私政策', type: 'PRIVACY_POLICY' },
+  LICENSE_INFORMATION: { title: '证照信息', type: 'LICENSE_INFORMATION' },
+  ABOUT: { title: '关于我们', type: 'ABOUT' },
+  STORE_REGISTER: { title: '店铺入驻协议', type: 'STORE_REGISTER' },
+}
+
+const article = ref<any>(null)
+
+onLoad((option) => {
+  const meta = ARTICLE_TYPE_MAP[option.type]
+  if (!meta) return
+  uni.setNavigationBarTitle({ title: meta.title })
+  fetchArticle(meta.type)
+})
+
+function fetchArticle(type: string) {
+  getArticleDetailByType(type).then((res) => {
+    if (res.data.success) {
+      article.value = res.data.result
+    }
+  })
+}
 </script>
+
 <style lang="scss" scoped>
 .wrapper {
   padding: 16rpx;
 }
-</style>
+</style>