refactor: 项目结构与代码优化调整

1. 重构tabbar路由与多语言key，调整首页默认跳转 2. 拆分博客页面到subpkg目录，调整vite分包配置 3. 新增markdown、图片组件、滚动钩子等工具模块 4. 优化api类型定义与工具函数，修复图片缓存逻辑 5. 调整国际化文案与个人页面路径
2026-07-27 04:20:43 +08:00 · 2026-06-14 01:25:15 +08:00
parent 7d74a40f51
commit 759373e327
44 changed files with 5517 additions and 190 deletions
@@ -0,0 +1,141 @@
+<script lang="ts" setup>
+import { storeToRefs } from 'pinia'
+import { LOGIN_PAGE } from '@/router/config'
+import { useUserStore } from '@/store'
+import { useTokenStore } from '@/store/token'
+import i18n, { t } from '@/locale/index'
+import { setTabbarItem } from '@/tabbar/i18n'
+
+defineOptions({
+  name: 'Mine',
+})
+
+definePage({
+  style: {
+    navigationBarTitleText: '我的',
+    navigationBarBackgroundColor: '#ffffff',
+    enablePullDownRefresh: true,
+  },
+})
+
+const userStore = useUserStore()
+const tokenStore = useTokenStore()
+// 使用storeToRefs解构userInfo
+const { userInfo } = storeToRefs(userStore)
+
+// 微信小程序下登录
+async function handleLogin() {
+  // #ifdef MP-WEIXIN
+  // 微信登录
+  await tokenStore.wxLogin()
+
+  // #endif
+  // #ifndef MP-WEIXIN
+  uni.navigateTo({
+    url: `${LOGIN_PAGE}`,
+  })
+  // #endif
+}
+
+function handleLogout() {
+  uni.showModal({
+    title: '提示',
+    content: '确定要退出登录吗？',
+    success: (res) => {
+      if (res.confirm) {
+        // 清空用户信息
+        useTokenStore().logout()
+        // 执行退出登录逻辑
+        uni.showToast({
+          title: '退出登录成功',
+          icon: 'success',
+        })
+        // #ifdef MP-WEIXIN
+        // 微信小程序，去首页
+        // uni.reLaunch({ url: '/pages/index/index' })
+        // #endif
+        // #ifndef MP-WEIXIN
+        // 非微信小程序，去登录页
+        // uni.navigateTo({ url: LOGIN_PAGE })
+        // #endif
+      }
+    },
+  })
+}
+
+const current = ref(uni.getLocale())
+const languages = [
+  {
+    value: 'zh-Hans',
+    name: '中文',
+    checked: 'true',
+  },
+  {
+    value: 'en',
+    name: '英文',
+  },
+]
+
+function radioChange(evt) {
+  // console.log(evt)
+  current.value = evt.detail.value
+  // 下面2句缺一不可！！！
+  uni.setLocale(evt.detail.value)
+  i18n.global.locale = evt.detail.value
+
+  // 底部tabbar需要重新设置一下
+  setTabbarItem()
+  // 本页的标题也需要重新设置一下
+  uni.setNavigationBarTitle({
+    title: t('i18n.title'),
+  })
+}
+</script>
+
+<template>
+  <view class="box-border min-h-screen w-full flex flex-col items-center justify-center gap-y-6 bg-page2 px-4">
+    <view class="mt-3 break-all px-3 text-center text-green-500">
+      {{ userInfo.username ? '已登录' : '未登录' }}
+    </view>
+    <view class="mt-3 break-all px-3">
+      {{ JSON.stringify(userInfo, null, 2) }}
+    </view>
+
+    <!-- 切换语言 -->
+    <view class="mt-6 w-full flex flex-col items-center justify-center">
+      <view class="mb-2 text-gray-900 font-bold">
+        切换语言
+      </view>
+      <view class="w-full flex items-center justify-center gap-4">
+        <radio-group class="flex flex-col items-center justify-center gap-2" @change="radioChange">
+          <label
+            v-for="item in languages"
+            :key="item.value"
+            class="flex items-center gap-x-2"
+          >
+            <view>
+              <radio :value="item.value" :checked="item.value === current" />
+            </view>
+            <view>{{ item.name }}</view>
+          </label>
+        </radio-group>
+      </view>
+    </view>
+
+    <view class="mt-6">
+      <view class="m-auto w-160px text-center">
+        <button v-if="tokenStore.hasLogin" type="warn" class="w-full rounded-xl text-xs" @click="handleLogout">
+          退出登录
+        </button>
+        <button v-else class="w-full rounded-xl bg-gray-900 py-2.5 text-xs text-white" @click="handleLogin">
+          立即登录
+        </button>
+      </view>
+    </view>
+
+    <!-- 底部导航占位 -->
+    <view class="w-full shrink-0">
+      <uh-tabbar-page-placeholder />
+    </view>
+  </view>
+</template>