1 周之前 · 35843041ae
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,3 @@
 
				+VITE_SERVER=https://feiniaotech-dev.sysuimars.cn/
			
 
				+VITE_PYSERVER=https://birds-api-1-2.sysuimars.cn/
			
 
				+VITE_MOCK=True
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,3 @@
 
				+VITE_SERVER=https://birdseye-api.feiniaotech.sysuimars.cn/
			
 
				+VITE_PYSERVER=https://birds-api-1-2.sysuimars.cn/
			
 
				+VITE_MOCK=True
			
--- a/.gitignore
+++ b/.gitignore
@@ -26,9 +26,12 @@ build/
 
				 bld/
			
 
				 [Bb]in/
			
 
				 [Oo]bj/
			
 
				+dist/
			
 
				+package-lock.json
			
 
				 
			
 
				 # Visual Studio 2015 cache/options directory
			
 
				 .vs/
			
 
				+.vscode/
			
 
				 # Uncomment if you have tasks that create the project's static files in wwwroot
			
 
				 #wwwroot/
			
 
				 
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,13 @@
 
				+<!doctype html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <link rel="icon" type="image/svg+xml" href="/vue.svg" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
			
 
				+    <title>飞鸟管家</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app"></div>
			
 
				+    <script type="module" src="/src/main.ts"></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,28 @@
 
				+{
			
 
				+  "name": "my-project",
			
 
				+  "private": true,
			
 
				+  "version": "0.0.0",
			
 
				+  "type": "module",
			
 
				+  "scripts": {
			
 
				+    "dev": "vite",
			
 
				+    "build": "vue-tsc -b && vite build",
			
 
				+    "preview": "vite preview"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "axios": "^1.16.1",
			
 
				+    "normalize.css": "^8.0.1",
			
 
				+    "nprogress": "^0.2.0",
			
 
				+    "qs": "^6.15.2",
			
 
				+    "vue": "^3.5.34",
			
 
				+    "vue-router": "^5.0.7",
			
 
				+    "vuex": "^4.1.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@types/node": "^24.12.3",
			
 
				+    "@vitejs/plugin-vue": "^6.0.6",
			
 
				+    "@vue/tsconfig": "^0.9.1",
			
 
				+    "typescript": "~6.0.2",
			
 
				+    "vite": "^8.0.12",
			
 
				+    "vue-tsc": "^3.2.8"
			
 
				+  }
			
 
				+}
			
--- a/public/vue.svg
+++ b/public/vue.svg
@@ -0,0 +1 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,3 @@
 
				+<template>
			
 
				+  <router-view />
			
 
				+</template>
			
--- a/src/api/config.js
+++ b/src/api/config.js
@@ -0,0 +1,45 @@
 
				+const newServer = VE_ENV.SERVER
			
 
				+const pyServer = VE_ENV.PYSERVER
			
 
				+const oldServer = 'https://birdseye-api.sysuimars.com/'
			
 
				+
			
 
				+export default {
			
 
				+  base_url: oldServer + 'site/',
			
 
				+  base_dev_site_url: newServer + 'site/',
			
 
				+  base_mini_url: oldServer + 'mini/',
			
 
				+  base_dev_url: newServer + 'mini/',
			
 
				+  base_py_url: pyServer,
			
 
				+  image_url: oldServer + 'images/',
			
 
				+  mini_key: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9',
			
 
				+  base_img_url: 'https://birdseye-img.sysuimars.com/',
			
 
				+  base_img_url2: 'https://birdseye-img-ali-cdn.sysuimars.com/',
			
 
				+  base_img_url3: 'https://birdseye-img.sysuimars.com/',
			
 
				+  base_img_url4: 'https://xyz2.sysuimars.cn/',
			
 
				+  base_video_url: 'https://minio.sysuimars.com/sysuimars/',
			
 
				+  resize: '?x-oss-process=image/resize,w_1000',
			
 
				+  getOptBody: (opt) => JSON.parse(opt.body),
			
 
				+  igSuccessUrl: [
			
 
				+    'get',
			
 
				+    'page',
			
 
				+    'index',
			
 
				+    'sign',
			
 
				+    'List',
			
 
				+    'info',
			
 
				+    'Info',
			
 
				+    'Data',
			
 
				+    'list',
			
 
				+    'find',
			
 
				+    'insert',
			
 
				+    'Insert',
			
 
				+    'image',
			
 
				+    'Image',
			
 
				+    'plugin_weather_report',
			
 
				+    'plugin_weather_warning_record',
			
 
				+    'poi',
			
 
				+    'mini_credential',
			
 
				+    'garden',
			
 
				+    'updateStatus',
			
 
				+    'mini_pop_control',
			
 
				+    'mini_session_store',
			
 
				+    'check',
			
 
				+  ],
			
 
				+}
			
--- a/src/api/modules/app.js
+++ b/src/api/modules/app.js
@@ -0,0 +1,8 @@
 
				+import config from '../config.js'
			
 
				+
			
 
				+export default {
			
 
				+  sendValidate: {
			
 
				+    url: config.base_dev_url + 'sms/validate',
			
 
				+    type: 'get',
			
 
				+  },
			
 
				+}
			
--- a/src/config.js
+++ b/src/config.js
@@ -0,0 +1,4 @@
 
				+export default {
			
 
				+  dev_mock: false,
			
 
				+  pro_mock: true,
			
 
				+}
			
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -0,0 +1,63 @@
 
				+/// <reference types="vite/client" />
			
 
				+
			
 
				+declare const VE_ENV: {
			
 
				+  MODE: string
			
 
				+  SERVER: string
			
 
				+  PYSERVER: string
			
 
				+  MOCK: string
			
 
				+}
			
 
				+
			
 
				+interface ImportMetaEnv {
			
 
				+  readonly VITE_SERVER: string
			
 
				+  readonly VITE_PYSERVER: string
			
 
				+  readonly VITE_MOCK: string
			
 
				+}
			
 
				+
			
 
				+interface ImportMeta {
			
 
				+  readonly env: ImportMetaEnv
			
 
				+}
			
 
				+
			
 
				+interface Window {
			
 
				+  VE_API?: Record<string, Record<string, unknown>>
			
 
				+}
			
 
				+
			
 
				+declare module '*.vue' {
			
 
				+  import type { DefineComponent } from 'vue'
			
 
				+  const component: DefineComponent<object, object, unknown>
			
 
				+  export default component
			
 
				+}
			
 
				+
			
 
				+declare module '@/router/index.js' {
			
 
				+  import type { Router } from 'vue-router'
			
 
				+  const router: Router
			
 
				+  export default router
			
 
				+}
			
 
				+
			
 
				+declare module '@/store/index.js' {
			
 
				+  import type { Store } from 'vuex'
			
 
				+  const store: Store<unknown>
			
 
				+  export default store
			
 
				+}
			
 
				+
			
 
				+declare module '@/plugins/axios.js' {
			
 
				+  import type { Plugin } from 'vue'
			
 
				+  import type { Router } from 'vue-router'
			
 
				+  import type { Store } from 'vuex'
			
 
				+
			
 
				+  type AxiosPluginOptions = {
			
 
				+    router: Router
			
 
				+    store: Store<unknown>
			
 
				+    opt: string
			
 
				+  }
			
 
				+
			
 
				+  const axiosPlugin: Plugin<[AxiosPluginOptions]>
			
 
				+  export default axiosPlugin
			
 
				+}
			
 
				+
			
 
				+export {}
			
 
				+
			
 
				+declare module 'vue' {
			
 
				+  interface ComponentCustomProperties {
			
 
				+    VE_API: Record<string, Record<string, (...args: unknown[]) => Promise<unknown>>>
			
 
				+  }
			
 
				+}
			
--- a/src/main.ts
+++ b/src/main.ts
@@ -0,0 +1,16 @@
 
				+import { createApp } from 'vue'
			
 
				+import 'normalize.css/normalize.css'
			
 
				+import 'nprogress/nprogress.css'
			
 
				+import './style.css'
			
 
				+import App from './App.vue'
			
 
				+import router from './router/index.js'
			
 
				+import store from './store/index.js'
			
 
				+import axios from './plugins/axios.js'
			
 
				+
			
 
				+const app = createApp(App)
			
 
				+
			
 
				+app.use(store)
			
 
				+app.use(router)
			
 
				+app.use(axios as import('vue').Plugin, { router, store, opt: 'VE_API' })
			
 
				+
			
 
				+app.mount('#app')
			
--- a/src/plugins/axios.js
+++ b/src/plugins/axios.js
@@ -0,0 +1,179 @@
 
				+import axios from 'axios'
			
 
				+import NProgress from 'nprogress'
			
 
				+import apiConfig from '../api/config.js'
			
 
				+
			
 
				+const { igSuccessUrl } = apiConfig
			
 
				+
			
 
				+function pathVariable(url, obj) {
			
 
				+  const prefix = url.indexOf('{')
			
 
				+  if (prefix > -1) {
			
 
				+    const suffix = url.indexOf('}')
			
 
				+    const key = url.substr(prefix + 1, suffix - prefix - 1)
			
 
				+    url = url.replace('{' + key + '}', obj[key])
			
 
				+    return pathVariable(url, obj)
			
 
				+  }
			
 
				+  return url
			
 
				+}
			
 
				+
			
 
				+const install = (app, { router, store, opt }) => {
			
 
				+  const config = {
			
 
				+    Global: true,
			
 
				+  }
			
 
				+
			
 
				+  const _axios = axios.create(config)
			
 
				+  let ve_loading
			
 
				+  let ve_message = null
			
 
				+  let loadingCount = 0
			
 
				+
			
 
				+  function getIsShow(url) {
			
 
				+    for (const s of igSuccessUrl) {
			
 
				+      if (url.indexOf(s) > -1) {
			
 
				+        return true
			
 
				+      }
			
 
				+    }
			
 
				+    return false
			
 
				+  }
			
 
				+
			
 
				+  _axios.interceptors.request.use(
			
 
				+    (reqConfig) => {
			
 
				+      NProgress.done()
			
 
				+      if (reqConfig.Global && getIsShow(reqConfig.url) === false) {
			
 
				+        // 可按需开启 loading
			
 
				+      }
			
 
				+      loadingCount++
			
 
				+      const token = store.getters.token
			
 
				+      token && (reqConfig.headers.token = token)
			
 
				+      reqConfig.headers.appId = 'wx628f62793fdf5251'
			
 
				+      return reqConfig
			
 
				+    },
			
 
				+    (error) => Promise.reject(error),
			
 
				+  )
			
 
				+
			
 
				+  _axios.interceptors.response.use(
			
 
				+    (response) => {
			
 
				+      loadingCount--
			
 
				+      if (loadingCount <= 0) {
			
 
				+        NProgress.done()
			
 
				+        if (ve_loading) ve_loading.close()
			
 
				+      }
			
 
				+      let type = ''
			
 
				+      if (response.data.code == 0 || response.data.code === 1) {
			
 
				+        type = 'success'
			
 
				+      } else {
			
 
				+        type = 'error'
			
 
				+      }
			
 
				+      if (type === 'error' || getIsShow(response.request.responseURL) === false) {
			
 
				+        if (ve_message) {
			
 
				+          ve_message.close()
			
 
				+          ve_message = null
			
 
				+        }
			
 
				+        if (response.data.msg) {
			
 
				+          console.log(response.data.msg)
			
 
				+        }
			
 
				+      }
			
 
				+      return response.data
			
 
				+    },
			
 
				+    (error) => {
			
 
				+      loadingCount--
			
 
				+      if (loadingCount <= 0) {
			
 
				+        NProgress.done()
			
 
				+        ve_loading && ve_loading.close()
			
 
				+      }
			
 
				+      if (error && error.response) {
			
 
				+        let message = ''
			
 
				+        switch (error.response.status) {
			
 
				+          case 400:
			
 
				+            message = '请求错误'
			
 
				+            break
			
 
				+          case 401: {
			
 
				+            message = '未授权，请登录'
			
 
				+            router.replace({ name: 'DevLogin' })
			
 
				+            break
			
 
				+          }
			
 
				+          case 403:
			
 
				+            message = '没有权限，拒绝访问'
			
 
				+            break
			
 
				+          case 404:
			
 
				+            message = '请求地址出错'
			
 
				+            break
			
 
				+          case 408:
			
 
				+            message = '请求超时'
			
 
				+            break
			
 
				+          case 500:
			
 
				+            message = '服务内部错误'
			
 
				+            break
			
 
				+          case 501:
			
 
				+            message = '服务未实现'
			
 
				+            break
			
 
				+          case 502:
			
 
				+            message = '网关错误'
			
 
				+            break
			
 
				+          case 503:
			
 
				+            message = '服务不可用'
			
 
				+            break
			
 
				+          case 504:
			
 
				+            message = '网关超时'
			
 
				+            break
			
 
				+          case 505:
			
 
				+            message = 'HTTP版本不受支持'
			
 
				+            break
			
 
				+          default:
			
 
				+            break
			
 
				+        }
			
 
				+        if (ve_message) {
			
 
				+          ve_message.close()
			
 
				+          ve_message = null
			
 
				+        }
			
 
				+        if (message) console.error(message)
			
 
				+      }
			
 
				+      return Promise.reject(error)
			
 
				+    },
			
 
				+  )
			
 
				+
			
 
				+  const method = {
			
 
				+    post: (url, p, reqConfig) => _axios.post(url, p, reqConfig),
			
 
				+    get: (url, p, reqConfig) =>
			
 
				+      _axios.get(url, Object.assign({}, reqConfig, { params: p })),
			
 
				+    put: (url, p, reqConfig) => _axios.put(url, p, reqConfig),
			
 
				+    delete: (url, p, reqConfig) => _axios.delete(url, reqConfig),
			
 
				+  }
			
 
				+
			
 
				+  const api = {}
			
 
				+  const modules = import.meta.glob('../api/modules/*.js', { eager: true })
			
 
				+
			
 
				+  Object.entries(modules).forEach(([filePath, mod]) => {
			
 
				+    const fileName = filePath.replace(/.*\/([^/]+)\.js$/, '$1')
			
 
				+    api[fileName] = {}
			
 
				+    const obj = mod.default ?? mod
			
 
				+    Object.keys(obj).forEach((item) => {
			
 
				+      api[fileName][item] = (p, reqConfig = {}) => {
			
 
				+        if (
			
 
				+          VE_ENV.MOCK === 'True' &&
			
 
				+          obj[item].mockCondition &&
			
 
				+          obj[item].mockCondition(p)
			
 
				+        ) {
			
 
				+          return obj[item].mockFun(p)
			
 
				+        }
			
 
				+
			
 
				+        if (store.state.app.authkey) {
			
 
				+          if (obj[item].type === 'get') {
			
 
				+            p = p || {}
			
 
				+            p.key = store.state.app.authkey
			
 
				+          } else {
			
 
				+            obj[item].url =
			
 
				+              obj[item].url +
			
 
				+              (obj[item].url.indexOf('?') > -1
			
 
				+                ? '&key=' + store.state.app.authkey
			
 
				+                : '?key=' + store.state.app.authkey)
			
 
				+          }
			
 
				+        }
			
 
				+        return method[obj[item].type](pathVariable(obj[item].url, p), p, reqConfig)
			
 
				+      }
			
 
				+    })
			
 
				+  })
			
 
				+
			
 
				+  window[opt] = api
			
 
				+  app.config.globalProperties[opt] = api
			
 
				+}
			
 
				+
			
 
				+export default { install }
			
--- a/src/router/globalRoutes.js
+++ b/src/router/globalRoutes.js
@@ -0,0 +1,8 @@
 
				+export default [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'Home',
			
 
				+    meta: { title: '首页' },
			
 
				+    component: () => import('@/views/Home.vue'),
			
 
				+  },
			
 
				+]
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,11 @@
 
				+import { createRouter, createWebHashHistory } from 'vue-router'
			
 
				+import globalRoutes from './globalRoutes.js'
			
 
				+import mainRoutes from './mainRoutes.js'
			
 
				+
			
 
				+const router = createRouter({
			
 
				+  history: createWebHashHistory(),
			
 
				+  scrollBehavior: () => ({ top: 0 }),
			
 
				+  routes: globalRoutes.concat(mainRoutes),
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/src/router/mainRoutes.js
+++ b/src/router/mainRoutes.js
@@ -0,0 +1 @@
 
				+export default []
			
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -0,0 +1,4 @@
 
				+export default {
			
 
				+  token: (state) => state.app.token,
			
 
				+  uname: (state) => state.app.uname,
			
 
				+}
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,10 @@
 
				+import { createStore } from 'vuex'
			
 
				+import getters from './getters.js'
			
 
				+import app from './modules/app/index.js'
			
 
				+
			
 
				+export default createStore({
			
 
				+  getters,
			
 
				+  modules: {
			
 
				+    app,
			
 
				+  },
			
 
				+})
			
--- a/src/store/modules/app/index.js
+++ b/src/store/modules/app/index.js
@@ -0,0 +1,34 @@
 
				+import { SET_TOKEN, SET_KEY, SET_UNAME } from './type.js'
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state: {
			
 
				+    token: localStorage.getItem('token') || '',
			
 
				+    authkey: null,
			
 
				+    uname: sessionStorage.getItem('uname') || '',
			
 
				+  },
			
 
				+  mutations: {
			
 
				+    [SET_TOKEN](state, token) {
			
 
				+      state.token = token
			
 
				+      localStorage.setItem('token', state.token)
			
 
				+    },
			
 
				+    [SET_KEY](state, authkey) {
			
 
				+      state.authkey = authkey
			
 
				+    },
			
 
				+    [SET_UNAME](state, uname) {
			
 
				+      state.uname = uname
			
 
				+      sessionStorage.setItem('uname', state.uname)
			
 
				+    },
			
 
				+  },
			
 
				+  actions: {
			
 
				+    [SET_TOKEN]({ commit }, token) {
			
 
				+      commit(SET_TOKEN, token)
			
 
				+    },
			
 
				+    [SET_KEY]({ commit }, authkey) {
			
 
				+      commit(SET_KEY, authkey)
			
 
				+    },
			
 
				+    [SET_UNAME]({ commit }, uname) {
			
 
				+      commit(SET_UNAME, uname)
			
 
				+    },
			
 
				+  },
			
 
				+}
			
--- a/src/store/modules/app/type.js
+++ b/src/store/modules/app/type.js
@@ -0,0 +1,3 @@
 
				+export const SET_TOKEN = 'SET_TOKEN'
			
 
				+export const SET_KEY = 'SET_KEY'
			
 
				+export const SET_UNAME = 'SET_UNAME'
			
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,296 @@
 
				+:root {
			
 
				+  --text: #6b6375;
			
 
				+  --text-h: #08060d;
			
 
				+  --bg: #fff;
			
 
				+  --border: #e5e4e7;
			
 
				+  --code-bg: #f4f3ec;
			
 
				+  --accent: #aa3bff;
			
 
				+  --accent-bg: rgba(170, 59, 255, 0.1);
			
 
				+  --accent-border: rgba(170, 59, 255, 0.5);
			
 
				+  --social-bg: rgba(244, 243, 236, 0.5);
			
 
				+  --shadow:
			
 
				+    rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
			
 
				+
			
 
				+  --sans: system-ui, 'Segoe UI', Roboto, sans-serif;
			
 
				+  --heading: system-ui, 'Segoe UI', Roboto, sans-serif;
			
 
				+  --mono: ui-monospace, Consolas, monospace;
			
 
				+
			
 
				+  font: 18px/145% var(--sans);
			
 
				+  letter-spacing: 0.18px;
			
 
				+  color-scheme: light dark;
			
 
				+  color: var(--text);
			
 
				+  background: var(--bg);
			
 
				+  font-synthesis: none;
			
 
				+  text-rendering: optimizeLegibility;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+
			
 
				+  @media (max-width: 1024px) {
			
 
				+    font-size: 16px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@media (prefers-color-scheme: dark) {
			
 
				+  :root {
			
 
				+    --text: #9ca3af;
			
 
				+    --text-h: #f3f4f6;
			
 
				+    --bg: #16171d;
			
 
				+    --border: #2e303a;
			
 
				+    --code-bg: #1f2028;
			
 
				+    --accent: #c084fc;
			
 
				+    --accent-bg: rgba(192, 132, 252, 0.15);
			
 
				+    --accent-border: rgba(192, 132, 252, 0.5);
			
 
				+    --social-bg: rgba(47, 48, 58, 0.5);
			
 
				+    --shadow:
			
 
				+      rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
			
 
				+  }
			
 
				+
			
 
				+  #social .button-icon {
			
 
				+    filter: invert(1) brightness(2);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+h1,
			
 
				+h2 {
			
 
				+  font-family: var(--heading);
			
 
				+  font-weight: 500;
			
 
				+  color: var(--text-h);
			
 
				+}
			
 
				+
			
 
				+h1 {
			
 
				+  font-size: 56px;
			
 
				+  letter-spacing: -1.68px;
			
 
				+  margin: 32px 0;
			
 
				+  @media (max-width: 1024px) {
			
 
				+    font-size: 36px;
			
 
				+    margin: 20px 0;
			
 
				+  }
			
 
				+}
			
 
				+h2 {
			
 
				+  font-size: 24px;
			
 
				+  line-height: 118%;
			
 
				+  letter-spacing: -0.24px;
			
 
				+  margin: 0 0 8px;
			
 
				+  @media (max-width: 1024px) {
			
 
				+    font-size: 20px;
			
 
				+  }
			
 
				+}
			
 
				+p {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+code,
			
 
				+.counter {
			
 
				+  font-family: var(--mono);
			
 
				+  display: inline-flex;
			
 
				+  border-radius: 4px;
			
 
				+  color: var(--text-h);
			
 
				+}
			
 
				+
			
 
				+code {
			
 
				+  font-size: 15px;
			
 
				+  line-height: 135%;
			
 
				+  padding: 4px 8px;
			
 
				+  background: var(--code-bg);
			
 
				+}
			
 
				+
			
 
				+.counter {
			
 
				+  font-size: 16px;
			
 
				+  padding: 5px 10px;
			
 
				+  border-radius: 5px;
			
 
				+  color: var(--accent);
			
 
				+  background: var(--accent-bg);
			
 
				+  border: 2px solid transparent;
			
 
				+  transition: border-color 0.3s;
			
 
				+  margin-bottom: 24px;
			
 
				+
			
 
				+  &:hover {
			
 
				+    border-color: var(--accent-border);
			
 
				+  }
			
 
				+  &:focus-visible {
			
 
				+    outline: 2px solid var(--accent);
			
 
				+    outline-offset: 2px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.hero {
			
 
				+  position: relative;
			
 
				+
			
 
				+  .base,
			
 
				+  .framework,
			
 
				+  .vite {
			
 
				+    inset-inline: 0;
			
 
				+    margin: 0 auto;
			
 
				+  }
			
 
				+
			
 
				+  .base {
			
 
				+    width: 170px;
			
 
				+    position: relative;
			
 
				+    z-index: 0;
			
 
				+  }
			
 
				+
			
 
				+  .framework,
			
 
				+  .vite {
			
 
				+    position: absolute;
			
 
				+  }
			
 
				+
			
 
				+  .framework {
			
 
				+    z-index: 1;
			
 
				+    top: 34px;
			
 
				+    height: 28px;
			
 
				+    transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
			
 
				+      scale(1.4);
			
 
				+  }
			
 
				+
			
 
				+  .vite {
			
 
				+    z-index: 0;
			
 
				+    top: 107px;
			
 
				+    height: 26px;
			
 
				+    width: auto;
			
 
				+    transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
			
 
				+      scale(0.8);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+#app {
			
 
				+  width: 1126px;
			
 
				+  max-width: 100%;
			
 
				+  margin: 0 auto;
			
 
				+  text-align: center;
			
 
				+  border-inline: 1px solid var(--border);
			
 
				+  min-height: 100svh;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+#center {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  gap: 25px;
			
 
				+  place-content: center;
			
 
				+  place-items: center;
			
 
				+  flex-grow: 1;
			
 
				+
			
 
				+  @media (max-width: 1024px) {
			
 
				+    padding: 32px 20px 24px;
			
 
				+    gap: 18px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+#next-steps {
			
 
				+  display: flex;
			
 
				+  border-top: 1px solid var(--border);
			
 
				+  text-align: left;
			
 
				+
			
 
				+  & > div {
			
 
				+    flex: 1 1 0;
			
 
				+    padding: 32px;
			
 
				+    @media (max-width: 1024px) {
			
 
				+      padding: 24px 20px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .icon {
			
 
				+    margin-bottom: 16px;
			
 
				+    width: 22px;
			
 
				+    height: 22px;
			
 
				+  }
			
 
				+
			
 
				+  @media (max-width: 1024px) {
			
 
				+    flex-direction: column;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+#docs {
			
 
				+  border-right: 1px solid var(--border);
			
 
				+
			
 
				+  @media (max-width: 1024px) {
			
 
				+    border-right: none;
			
 
				+    border-bottom: 1px solid var(--border);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+#next-steps ul {
			
 
				+  list-style: none;
			
 
				+  padding: 0;
			
 
				+  display: flex;
			
 
				+  gap: 8px;
			
 
				+  margin: 32px 0 0;
			
 
				+
			
 
				+  .logo {
			
 
				+    height: 18px;
			
 
				+  }
			
 
				+
			
 
				+  a {
			
 
				+    color: var(--text-h);
			
 
				+    font-size: 16px;
			
 
				+    border-radius: 6px;
			
 
				+    background: var(--social-bg);
			
 
				+    display: flex;
			
 
				+    padding: 6px 12px;
			
 
				+    align-items: center;
			
 
				+    gap: 8px;
			
 
				+    text-decoration: none;
			
 
				+    transition: box-shadow 0.3s;
			
 
				+
			
 
				+    &:hover {
			
 
				+      box-shadow: var(--shadow);
			
 
				+    }
			
 
				+    .button-icon {
			
 
				+      height: 18px;
			
 
				+      width: 18px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  @media (max-width: 1024px) {
			
 
				+    margin-top: 20px;
			
 
				+    flex-wrap: wrap;
			
 
				+    justify-content: center;
			
 
				+
			
 
				+    li {
			
 
				+      flex: 1 1 calc(50% - 8px);
			
 
				+    }
			
 
				+
			
 
				+    a {
			
 
				+      width: 100%;
			
 
				+      justify-content: center;
			
 
				+      box-sizing: border-box;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+#spacer {
			
 
				+  height: 88px;
			
 
				+  border-top: 1px solid var(--border);
			
 
				+  @media (max-width: 1024px) {
			
 
				+    height: 48px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.ticks {
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+
			
 
				+  &::before,
			
 
				+  &::after {
			
 
				+    content: '';
			
 
				+    position: absolute;
			
 
				+    top: -4.5px;
			
 
				+    border: 5px solid transparent;
			
 
				+  }
			
 
				+
			
 
				+  &::before {
			
 
				+    left: 0;
			
 
				+    border-left-color: var(--border);
			
 
				+  }
			
 
				+  &::after {
			
 
				+    right: 0;
			
 
				+    border-right-color: var(--border);
			
 
				+  }
			
 
				+}
			
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -0,0 +1,16 @@
 
				+<script setup lang="ts">
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="home">
			
 
				+    <h1>认养 H5</h1>
			
 
				+    <p>基础配置已就绪：Vue Router、Vuex、Axios（VE_API）</p>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+.home {
			
 
				+  padding: 24px;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+</style>
			
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -0,0 +1,21 @@
 
				+{
			
 
				+  "extends": "@vue/tsconfig/tsconfig.dom.json",
			
 
				+  "compilerOptions": {
			
 
				+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
			
 
				+    "types": ["vite/client"],
			
 
				+    "baseUrl": ".",
			
 
				+    "paths": {
			
 
				+      "@/*": ["src/*"]
			
 
				+    },
			
 
				+    "allowJs": true,
			
 
				+    "checkJs": false,
			
 
				+    "ignoreDeprecations": "6.0",
			
 
				+
			
 
				+    /* Linting */
			
 
				+    "noUnusedLocals": true,
			
 
				+    "noUnusedParameters": true,
			
 
				+    "erasableSyntaxOnly": true,
			
 
				+    "noFallthroughCasesInSwitch": true
			
 
				+  },
			
 
				+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.js", "src/env.d.ts"]
			
 
				+}
			
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
 
				+{
			
 
				+  "files": [],
			
 
				+  "references": [
			
 
				+    { "path": "./tsconfig.app.json" },
			
 
				+    { "path": "./tsconfig.node.json" }
			
 
				+  ]
			
 
				+}
			
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -0,0 +1,24 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
			
 
				+    "target": "es2023",
			
 
				+    "lib": ["ES2023"],
			
 
				+    "module": "esnext",
			
 
				+    "types": ["node"],
			
 
				+    "skipLibCheck": true,
			
 
				+
			
 
				+    /* Bundler mode */
			
 
				+    "moduleResolution": "bundler",
			
 
				+    "allowImportingTsExtensions": true,
			
 
				+    "verbatimModuleSyntax": true,
			
 
				+    "moduleDetection": "force",
			
 
				+    "noEmit": true,
			
 
				+
			
 
				+    /* Linting */
			
 
				+    "noUnusedLocals": true,
			
 
				+    "noUnusedParameters": true,
			
 
				+    "erasableSyntaxOnly": true,
			
 
				+    "noFallthroughCasesInSwitch": true
			
 
				+  },
			
 
				+  "include": ["vite.config.ts"]
			
 
				+}
			
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,26 @@
 
				+import { defineConfig, loadEnv } from 'vite'
			
 
				+import vue from '@vitejs/plugin-vue'
			
 
				+import path from 'path'
			
 
				+
			
 
				+// https://vite.dev/config/
			
 
				+export default defineConfig(({ mode }) => {
			
 
				+  const env = loadEnv(mode, process.cwd(), '')
			
 
				+  const isProd = mode === 'production'
			
 
				+
			
 
				+  return {
			
 
				+    plugins: [vue()],
			
 
				+    resolve: {
			
 
				+      alias: {
			
 
				+        '@': path.resolve(__dirname, 'src'),
			
 
				+      },
			
 
				+    },
			
 
				+    define: {
			
 
				+      VE_ENV: {
			
 
				+        MODE: JSON.stringify(isProd ? 'production' : 'development'),
			
 
				+        SERVER: JSON.stringify(env.VITE_SERVER ?? ''),
			
 
				+        PYSERVER: JSON.stringify(env.VITE_PYSERVER ?? ''),
			
 
				+        MOCK: JSON.stringify(env.VITE_MOCK ?? 'False'),
			
 
				+      },
			
 
				+    },
			
 
				+  }
			
 
				+})