refactor: 重构博客管理模块

src/views/mobile-home/bill/setting.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="mobile-bill-view common-mobile-view">
+    <el-tabs v-model="activeName" type="card">
+      <el-tab-pane label="账本" name="book">
+        <bill-book />
+      </el-tab-pane>
+      <el-tab-pane label="账户" name="pay">
+        <bill-pay />
+      </el-tab-pane>
+      <el-tab-pane label="类别" name="category">
+        <bill-category />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import BillBook from '@/components/Home/Bill/BillBook.vue'
+import BillPay from '@/components/Home/Bill/BillPay.vue'
+import BillCategory from '@/components/Home/Bill/BillCategory.vue'
+import { ref } from 'vue'
+
+const activeName = ref('book')
+</script>
+
+<style lang="scss">
+@use "@/styles/home/bill.mobile.module.scss";
+</style>

src/views/mobile-home/meta.ts

@@ -45,6 +45,10 @@ export const mobileHomeMeta: IRouteMetaConfig = {
     title: '账单内容',
     icon: ''
   },
+  '/mobile-home/bill/setting': {
+    title: '账单设置',
+    icon: ''
+  },
   '/mobile-home/food': {
     title: '美食记录',
     icon: 'home-food',