初始化

+# port
+VITE_PORT = 8006
+
+# 反向代理服务器地址
+VITE_PROXY_TARGET = http://voice.onwall.cn
+
+# API请求前缀
+VITE_PROXY_PREFIX = /srv/
+
+# 打包输出文件夹名称
+VITE_OUTDIR = voice
+
+# 是否开启调试
+VITE_CONSOLE = 0
+
+# appID相关
+VITE_APPID=微信appID

+# 资源公共路径
+VITE_BASE = /
+
+# 测试open-id
+# VITE_OPENID = api-test-openid
+# VITE_OPENID = o8BRf1gLDWieH3Y3JvbrI_4IjaME
+VITE_OPENID = oJLZq5t9PIKLW9tm1oSUNAuPwssA
+# VITE_OPENID = oJLZq5uT_6GwIh2tQWh1F9IoHZ3U
+
+# B端账号
+VITE_ID = 13761653761
+
+# 验证码
+VITE_PIN = 

+# 资源公共路径
+VITE_BASE = /f/voice/
+
+# 测试open-id
+VITE_APP_OPENID = 
+
+# B端账号
+VITE_APP_ID = 
+
+# 验证码
+VITE_APP_PIN = 

+{
+  "globals": {
+    "EffectScope": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
\ No newline at end of file

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-27 08:59:09
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-07-08 18:15:20
+ * @FilePath: /tswj/.eslintrc.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+module.exports = {
+  // parser: '@typescript-eslint/parser',
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: 'babel-eslint',
+    // parser: '@typescript-eslint/parser',
+  },
+  extends: [
+    // add more generic rule sets here, such as:
+    // 'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    './.eslintrc-auto-import.json'
+    // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
+  ],
+  rules: {
+    // override/add rules settings here, such as:
+    // 'vue/no-unused-vars': 'error'
+    "vue/max-attributes-per-line": ["error", {
+      "singleline": {
+        "max": 20
+      },      
+      "multiline": {
+        "max": 10
+      }
+    }],
+    "vue/singleline-html-element-content-newline": 0, // 在单行元素的内容之前和之后需要换行符
+    "vue/first-attribute-linebreak": 0, // 强制第一个属性需要换行
+    "vue/multi-word-component-names": 0, // 要求组件名称始终为多字
+    "vue/html-indent": 0, // 执行一致的缩进
+    "vue/html-closing-bracket-newline": 0, // 在标签的右括号之前要求或禁止换行
+  },
+  overrides: [
+    {
+      files: ['*.ts'],
+      parser: '@typescript-eslint/parser',
+      plugins: ['@typescript-eslint'],
+      extends: ['plugin:@typescript-eslint/recommended'],
+    },
+  ],
+}

+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+.history
+doc
+.vscode
+src/views/test/*
+src/store/test.js
+cypress
+src/test/mocha/test.js
+cypress.json
+src/test
+.idea

+{
+  "esversion": 11,
+  "asi": true
+}
\ No newline at end of file

+v18.13.0

+“碳”寻复兴公园

+export function createProxy(prefix, target) {
+  const ret = {};
+  ret[prefix] = {
+    target,
+    changeOrigin: true,
+    ws: true,
+    // rewrite: (path) => path.replace(/^\/api/, '')
+    // rewrite: (path) => path.replace(new RegExp(`^${prefix}`), ''),
+  }
+  return ret
+}

+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    '图形验证码': typeof import('./src/components/图形验证码.vue')['default']
+    Agreement: typeof import('./src/components/DonateFlower/agreement.vue')['default']
+    AuditVideoCard: typeof import('./src/components/AuditVideoCard/index.vue')['default']
+    Banner: typeof import('./src/components/MuiVideo/banner.vue')['default']
+    BookCard: typeof import('./src/components/BookCard/index.vue')['default']
+    BVideoCard: typeof import('./src/components/BVideoCard/index.vue')['default']
+    CommentBox: typeof import('./src/components/CommentBox/index.vue')['default']
+    CommentList: typeof import('./src/components/CommentList/index.vue')['default']
+    DonateBar: typeof import('./src/components/DonateBar/index.vue')['default']
+    DonateBook: typeof import('./src/components/DonateBook/index.vue')['default']
+    DonateCert: typeof import('./src/components/DonateCert/index.vue')['default']
+    DonateCertPost: typeof import('./src/components/DonateCertPost/index.vue')['default']
+    DonateFlower: typeof import('./src/components/DonateFlower/index.vue')['default']
+    FlowerIcon: typeof import('./src/components/FlowerIcon/index.vue')['default']
+    ImageSliderVerify: typeof import('./src/components/ImageSliderVerify/index.vue')['default']
+    LocalismBox: typeof import('./src/components/LocalismBox/index.vue')['default']
+    LoginBox: typeof import('./src/components/LoginBox/index.vue')['default']
+    MuiVideo: typeof import('./src/components/MuiVideo/index.vue')['default']
+    MyButton: typeof import('./src/components/MyButton/index.vue')['default']
+    NoticeOverlay: typeof import('./src/components/NoticeOverlay/index.vue')['default']
+    NoticeOverlayModule: typeof import('./src/components/NoticeOverlayModule/index.vue')['default']
+    RankingItem: typeof import('./src/components/RankingItem/index.vue')['default']
+    RightSideList: typeof import('./src/components/RightSideList/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    ShortcutFixed: typeof import('./src/components/ShortcutFixed/index.vue')['default']
+    Status: typeof import('./src/components/MuiVideo/status.vue')['default']
+    Template: typeof import('./src/components/template/index.vue')['default']
+    Test: typeof import('./src/components/LoginBox/test.vue')['default']
+    VideoBar: typeof import('./src/components/MuiVideo/videoBar.vue')['default']
+    VideoCard: typeof import('./src/components/VideoCard/index.vue')['default']
+    VideoDetail: typeof import('./src/components/VideoDetail/index.vue')['default']
+  }
+}

+<!DOCTYPE html>
+<html lang='zh'>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
+  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+  <title></title>
+  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.css" /> -->
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>

+-----BEGIN PRIVATE KEY-----
+MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDEzFrlVSgeuOQT
+sglIR5RxEASnH0XKKxg/rl6U0pe6NGHwnybhdO6ZHAWRIU4OVOVDCI3OnJ2/2c2o
+eCT9L+fDGJew3BAMZvKKn1A/o5xM5YYJo8IKKeJbehjXajXdRJ5WkhAKwSH+rSJE
+nADUF4S5sqbXVlvttc1QUVL9GprPq5OBptDfcs6AM+dN1XOn/LgFt0KJ1C80Ah1a
+TLjLLFOGEJNLtTAUpLzJb5DKLro88QgPK8ek5afOKiOMULnFk3QJCZ1W98Xd75zq
+5Fz/FLCmTgkZMGe+iLr44MewmwMu1H/cHtWVkfEZiFUcRa5xc6SbvMGENfu/3/L4
+rLQ7ppMRAgMBAAECggEAaNnMD+WoA35Unh28DlN8xiRXpkbmIwmE2ODpKXduOVoR
+WGcjCvoG6XJhkOpisQYQQ/+5tfwBnCbKCNlCM9cjLvHaV/NXZZQv4yVwVwevjdS3
+7kjeaBXasQxDUfoXirU1e0BE5cXye8L4v/8x/c4t+9YwSAiN3/99zS4W/hz/oGaE
+fCkjHOHQkQKw0invQz3kf86iyanLBS/rllJAtZKmRFqZKchWR68m+sDcbAP320tb
+z2yi7og8QcP+kuqQWr2QVOCfD7zz5ihLDCnzipNU/7JmHIkUXqYI8NKGLSftN0LB
+NSmOinsx/oM4gu7IAMsyZjpM4UkAHieJEtAHM4RIMQKBgQD13iV4QgupvQauwnl/
+Kezse8zSjZS2YSUVZRsMDqw62sVa2BE4CV9NCWO3nPp5MDSDXahjDuoS640askM5
+ynWQWbDmttomlVqPbXwHUfKqTLgUIvl7byIuyoJHAIlL/7xEOeHHa5oIy49aKTnw
+vrJMTrBifNsdqWp2ht64hwNL3QKBgQDM6IklIbfXDEdji7LAaCzu24uttWAwLn69
+d1q5fMVWfWBl3l8O3gvbJSxXTeLHNcjsOb1iQq+3CT/eV+g+5xv17EQH+32ASq9d
+VBQ0tZC09BkMcDKPulC9JoGVsgLnIbjOy7GJKOhANqYh18FW9JAYvzZFWzNpsGAR
+kXZIGt/axQKBgQDotvZCSEkfxPHhUeOL0FQXVep9VFLw+SwPfx5FoFG2d0Gbha1u
+m7hfg0amEWgmctERkgGCmShG9jsdjKMCvTXfhnVhOqtrH6yS2y8tAoysUmddb+kx
+wvPY1AbRS5monItHDH4+sgMe1gV+ck0MKIM8pLJg1grTnXpOa8O9ZtVg5QKBgDFM
+4XJlom3DLons2p0gc28ks36f3Py6sxOy28k1E+WzVLYtwoE5O3EGiJyYyK9VaXos
+ijxR/yTyvMMqM16vDDMnHVcuUwvC7F5wFEx6Qs7GzCAJ/qBGG5bm5Na3datWmbhn
+mdd+WCLbAy2xU3swbFsH5m7Zeo07OmH/tY2zqZhhAoGBALxxnWJ4bgtZHcHREB0A
+QP6ZSLWoUk0ggoPuwSVgHImW+/C1/38KjHgv4UmhS59MpNqX3BOUgP1lTKQ4ifut
+N2/tFBdZXNdsbRNYp2UTGAHzUK6sUGyvY4g6mAZJWsIsVIzuLrZdrQywlglBpM4Q
+v/Q0jcIl9880opSG/+dfRbpW
+-----END PRIVATE KEY-----

+-----BEGIN CERTIFICATE-----
+MIIEMTCCApmgAwIBAgIRAJqTbr7oXEP7a1vMS7zyApQwDQYJKoZIhvcNAQELBQAw
+ZzEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMR4wHAYDVQQLDBVodXlp
+cnVpQEhZUi1NQUMubG9jYWwxJTAjBgNVBAMMHG1rY2VydCBodXlpcnVpQEhZUi1N
+QUMubG9jYWwwHhcNMjMwNTE5MDcxMTE0WhcNMjUwODE5MDcxMTE0WjBVMScwJQYD
+VQQKEx5ta2NlcnQgZGV2ZWxvcG1lbnQgY2VydGlmaWNhdGUxKjAoBgNVBAsMIWh1
+eWlydWlASFlSLU1BQy5sb2NhbCAo6IOh5YWI55SfKTCCASIwDQYJKoZIhvcNAQEB
+BQADggEPADCCAQoCggEBAMTMWuVVKB645BOyCUhHlHEQBKcfRcorGD+uXpTSl7o0
+YfCfJuF07pkcBZEhTg5U5UMIjc6cnb/Zzah4JP0v58MYl7DcEAxm8oqfUD+jnEzl
+hgmjwgop4lt6GNdqNd1EnlaSEArBIf6tIkScANQXhLmyptdWW+21zVBRUv0ams+r
+k4Gm0N9yzoAz503Vc6f8uAW3QonULzQCHVpMuMssU4YQk0u1MBSkvMlvkMouujzx
+CA8rx6Tlp84qI4xQucWTdAkJnVb3xd3vnOrkXP8UsKZOCRkwZ76Iuvjgx7CbAy7U
+f9we1ZWR8RmIVRxFrnFzpJu8wYQ1+7/f8vistDumkxECAwEAAaNqMGgwDgYDVR0P
+AQH/BAQDAgWgMBMGA1UdJQQMMAoGCCsGAQUFBwMBMB8GA1UdIwQYMBaAFJbi3Ybj
+xDBPnN8B3bayujege6IKMCAGA1UdEQQZMBeCCWxvY2FsaG9zdIcEfwAAAYcEwKgC
+ejANBgkqhkiG9w0BAQsFAAOCAYEAi3Scjz10WV/nJnlKHGbQxBgM4FqOQMEMqNoQ
+ojdRQqY7iTfV+6265TFaZ9pY27+ZKzL8Qyb6htqNYuRKACXqEohHHJBdDlGV9Kda
+hxznoP9ZBYm4NoiSiIJIQmEVy5SH/qb208gZPXb8mQT/czPPmQAE0oTWrVUDRkJl
+YGJmfcdVuN8JfLqW0HxUdP89gqH8nHv72+wZpcqc9i/yVwCfjhqgbinwU/rkZRqW
+7SIBVlDJs7d+4EuDMQMMe21w4b3isXr+LVtrH6I1MtQ0hTd9bQiMvl6HQ6hDK9Yd
+VRz2ubj5p2/qzCchxxfMMJjAea8YNlQCL593963PKzDPcaJnw8j9RtySpeIxiPPQ
+4+oRkZgO6Bd9OrxOAmoLG8+bJJbwmWC0LxH2nvYmArFgzKDu5hqwGQnLP0/7GeIk
+fNqWPJ84rj0V3lfVRKYWYwXNJbFTCQ3/ewN6mTChzBWgmRFUv6LjSfzq/X2l5tX0
+vLXgvm2XxAtQoVRUAYsRRRrFwguT
+-----END CERTIFICATE-----

+使用mkcert在本地生成2个免费的https证书(此命令会生成两个文件: localhost+2.pem, localhost+2-key.pem)
+mkcert localhost 127.0.0.1 ::1
+
+https://blog.csdn.net/themagickeyjianan/article/details/106836904
+https://blog.wangjunfeng.com/post/local_https/
+https://juejin.cn/post/7141308011921801223?searchId=20230817153624B0F9ACBED49D8807E243#heading-7

+{
+  "name": "tjws",
+  "description": "项目, 编译上传直接执行publish, 不需要其他额外操作。",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "vite",
+    "start": "vite --host 0.0.0.0",
+    "build": "vite build",
+    "build-watch": "vite build --watch",
+    "build-ts": "vue-tsc --noEmit && vite build",
+    "serve": "vite preview",
+    "cypress:open": "cypress open"
+  },
+  "dependencies": {
+    "@vitejs/plugin-legacy": "^1.8.2",
+    "@vueuse/core": "^8.5.0",
+    "animate.css": "^4.1.1",
+    "dayjs": "^1.11.3",
+    "default-passive-events": "^2.0.0",
+    "global": "^4.4.0",
+    "html2canvas": "^1.4.1",
+    "jquery": "^3.6.0",
+    "js-cookie": "^3.0.1",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.3",
+    "mui-player": "^1.6.0",
+    "recorder-core": "^1.3.23122400",
+    "typescript": "^4.7.3",
+    "uuid": "^8.3.2",
+    "vant": "^4.8.10",
+    "vconsole": "^3.14.6",
+    "vite-plugin-dynamic-import": "^0.9.6",
+    "vite-plugin-mp": "^1.6.1",
+    "vue": "^3.2.36",
+    "weixin-js-sdk": "^1.6.5"
+  },
+  "devDependencies": {
+    "@types/jquery": "^3.5.14",
+    "@types/lodash": "^4.14.182",
+    "@types/moment": "^2.13.0",
+    "@typescript-eslint/parser": "^5.27.1",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "@vue/compiler-sfc": "^3.2.36",
+    "axios": "^0.27.2",
+    "chai": "^4.3.6",
+    "cypress": "^9.7.0",
+    "eslint-plugin-vue": "^9.0.1",
+    "less": "^4.1.2",
+    "mocha": "^10.0.0",
+    "pinia": "^2.0.14",
+    "postcss-px-to-viewport": "^1.1.1",
+    "qs": "^6.10.3",
+    "tslint": "^6.1.3",
+    "unplugin-auto-import": "^0.8.8",
+    "unplugin-vue-components": "^0.26.0",
+    "unplugin-vue-define-options": "^0.6.1",
+    "vite": "^2.9.9",
+    "vite-plugin-style-import": "1.4.1",
+    "vue-router": "^4.0.15"
+  }
+}

+module.exports = {
+  printWidth: 100, // 代码行的宽度，通用建议每行最大长度建议为100/120，但最好不超过这两个数。
+  tabWidth: 2, // 指定每次缩进的空格数。
+  semi: true, // 是否在代码语句结尾添加分号。
+  vueIndentScriptAndStyle: true,
+  singleQuote: true, // 是否使用单引号，JSX单独设置。
+  trailingComma: 'all', // 在多行以逗号分割的句法中尽可能补充尾行逗号。
+  bracketSpacing: true, // 是否在对象属性与大括号之间填充空格。
+  bracketSameLine: false, // 开始标签的右尖括号是否跟随在最后一行属性末尾。
+  proseWrap: 'never',
+  htmlWhitespaceSensitivity: 'strict',
+  endOfLine: 'auto', // 设置换行风格，避免不同操作系统造成的大量代码diff。
+  singleAttributePerLine: false // 在Html，Vue，JSX中是否强制每条属性占用一行。
+};

+#!/usr/bin/env sh
+# -----------------------------------------------
+# Filename:    publish.sh
+# Revision:    1.0
+# Date:        2022年5月20日
+# Author:      Hooke
+# Description: **** 根据php项目相应特征书写项目发布流程
+# -----------------------------------------------
+
+# 当发生错误时中止脚本
+set -e
+
+# 本地Git服务器目录路径
+path=/Users/huyirui/program/itomix/git/isp/f
+
+# 编译输出文件夹
+output=voice
+
+# 打包
+npm run build
+
+# 移除Git服务器目录下项目文件夹
+rm -r $path"/${output:?}/images"
+rm -r $path"/${output:?}/index.html"
+rm -r $path"/${output:?}/static"
+
+# 把本地编译输出文件夹添加到服务器目录
+mv "${output:?}/images" $path"/${output:?}"
+mv "${output:?}/index.html" $path"/${output:?}"
+mv "${output:?}/static" $path"/${output:?}"
+
+# 提交到Git服务器
+cd $path"/${output:?}"
+git pull
+git add -A
+git commit -m '前端网页更新'
+git push
+
+# 更新SSH服务器上文件
+# ssh -p 22 itomix@ipadbiz.cn 'cd /opt/voice/f/voice && git pull'``

+export interface commentListType {
+  id: string;
+  avatar: string;
+  name: string;
+  kg_name: string;
+  comment_time: string;
+  note: string;
+  c_action: string;
+  c_name: string;
+  cover: string;
+  prod_id: string;
+  perf_id: string;
+  book_id: string;
+  perf_name: string;
+  book_name: string;
+  localism_type: string;
+  is_new: number;
+}

+<!--
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-26 23:52:36
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-02 13:59:58
+ * @FilePath: /tswj/src/App.vue
+ * @Description:
+-->
+<template>
+  <!-- 页面缓存 -->
+  <router-view v-slot="{ Component, route }">
+    <keep-alive :include="keepPages" :max="10">
+      <component :is="Component" :key="route.name" />
+    </keep-alive>
+  </router-view>
+</template>
+
+<script setup>
+import { mainStore, useTitle } from '@/utils/generatePackage'
+import { computed, watchEffect, onMounted } from 'vue';
+import { useRoute } from 'vue-router'
+import { setToastDefaultOptions } from 'vant';
+// 会根据配置判断是否显示调试控件
+// eslint-disable-next-line no-unused-vars
+import vConsole from '@/utils/vconsole'
+// 初始化WX环境
+import wx from 'weixin-js-sdk'
+import { wxJsAPI } from '@/api/wx/config'
+import { apiList } from '@/api/wx/jsApiList.js'
+
+// 使用 include + pinia 状态管理动态缓存页面
+const store = mainStore()
+const keepPages = computed(() => store.getKeepPages)
+
+// TAG: 全局设置页面标题
+const $route = useRoute();
+watchEffect(
+  () => useTitle($route.meta.title)
+)
+
+// TAG: 全局配置Toast
+// setToastDefaultOptions({
+//   duration: 2000,
+//   className: 'zIndex',
+//   wordBreak: 'all',
+// });
+
+onMounted(async () => {
+  const { data } = await wxJsAPI();
+  data.jsApiList = apiList;
+  wx.config(data);
+  wx.ready(() => {
+    wx.showAllNonBaseMenuItem();
+  });
+  wx.error((err) => {
+    console.warn(err);
+  });
+})
+</script>
+
+<style lang="less">
+@prefix: ~'@{namespace}-x';
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  position: relative;
+  // --van-white: #fff;
+  // --van-blue: #1989fa;
+  // --van-button-primary-color: var(--van-white);
+  // --van-button-primary-background: var(--van-primary-color);
+  /* 全局修改主色调 */
+  // --van-blue: #F9D95C;
+
+  // background-color: #FAFAFA;
+  p {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.@{prefix} {
+  color: red;
+}
+
+.global-center {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.zIndex {
+  z-index: 4500 !important;
+}
+
+.van-popup.van-toast {
+  z-index: 3003 !important;
+  background: rgba(0, 0, 0, 0.7) !important;
+}
+</style>

+/*
+ * @Date: 2022-06-17 14:54:29
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-18 22:18:46
+ * @FilePath: /tswj/src/api/common.js
+ * @Description: 通用接口
+ */
+import { fn, fetch, uploadFn } from '@/api/fn';
+
+const Api = {
+  SMS: '/srv/?a=sms',
+  TOKEN: '/srv/?a=upload',
+  SAVE_FILE: '/srv/?a=upload&t=save_file',
+}
+
+/**
+ * @description: 发送验证码
+ * @param {*} phone 手机号码
+ * @returns 
+ */
+export const smsAPI = (params) => fn(fetch.post(Api.SMS, params));
+
+/**
+ * @description: 获取七牛token
+ * @param {*} filename 文件名
+ * @param {*} file 图片base64
+ * @returns 
+ */
+export const qiniuTokenAPI = (params) => fn(fetch.stringifyPost(Api.TOKEN, params));
+
+/**
+ * @description: 上传七牛
+ * @param {*}
+ * @returns 
+ */
+export const qiniuUploadAPI = (url, data, config) => uploadFn(fetch.basePost(url, data, config));
+
+/**
+ * @description: 保存图片
+ * @param {*} format
+ * @param {*} hash
+ * @param {*} height
+ * @param {*} width
+ * @param {*} filekey
+ * @returns 
+ */
+export const saveFileAPI = (params) => fn(fetch.stringifyPost(Api.SAVE_FILE, params));

+/*
+ * @Date: 2022-05-18 22:56:08
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-02 16:46:57
+ * @FilePath: /tswj/src/api/fn.js
+ * @Description: 文件描述
+ */
+import axios from '@/utils/axios';
+// import { Toast } from 'vant';
+import { showToast } from 'vant';
+import qs from 'Qs'
+
+/**
+ * 网络请求功能函数
+ * @param {*} api 请求axios接口
+ * @returns 请求成功后，获取数据
+ */
+export const fn = (api) => {
+  return api
+    .then(res => {
+      if (res.data.code === 1) {
+        return res.data || true;
+      } else {
+        // tslint:disable-next-line: no-console
+        console.warn(res);
+        if (!res.data.show) return false;
+        // Toast({
+        //   icon: 'close',
+        //   message: res.data.msg
+        // });
+        showToast(res.data.msg);
+        return false;
+      }
+    })
+    .catch(err => {
+      // tslint:disable-next-line: no-console
+      console.error(err);
+      return false;
+    })
+    .finally(() => { // 最终执行
+    })
+}
+
+/**
+ * 七牛返回格式
+ * @param {*} api
+ * @returns
+ */
+export const uploadFn = (api) => {
+  return api
+    .then(res => {
+      if (res.statusText === 'OK') {
+        return res.data || true;
+      } else {
+        // tslint:disable-next-line: no-console
+        console.warn(res);
+        if (!res.data.show) return false;
+        // Toast({
+        //   icon: 'close',
+        //   message: res.data.msg
+        // });
+        showToast(res.data.msg);
+        return false;
+      }
+    })
+    .catch(err => {
+      // tslint:disable-next-line: no-console
+      console.error(err);
+      return false;
+    })
+}
+
+/**
+ * 统一 GET/POST 不同传参形式
+ */
+export const fetch = {
+  get: function (api, params) {
+    return axios.get(api, { params })
+  },
+  post: function (api, params) {
+    return axios.post(api, params)
+  },
+  stringifyPost: function (api, params) {
+    return axios.post(api, qs.stringify(params))
+  },
+  basePost: function (url, data, config) {
+    return axios.post(url, data, config)
+  }
+}

+/*
+ * @Date: 2023-12-31 11:20:51
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-02 16:48:10
+ * @FilePath: /tswj/src/api/new_year_2024.js
+ * @Description: 文件描述
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  GET_AUDIO: '/srv/?a=meet_spring&t=get_audio',
+  SAVE_EVENT: '/srv/?a=meet_spring&t=save_event',
+  GET_BOOK: '/srv/?a=meet_spring&t=get_book',
+  ADD_DONATE: '/srv/?a=meet_spring&t=add_donate',
+  CERT_LIST: '/srv/?a=meet_spring&t=cert_list',
+  SHARE_WISH_LIST: '/srv/?a=meet_spring&t=share_wish_list',
+  WISH_PRIZE: '/srv/?a=meet_spring&t=win_prize',
+  DEAL_PRIZE: '/srv/?a=meet_spring&t=deal_prize',
+  PRIZE_LIST: '/srv/?a=meet_spring&t=prize_list',
+}
+
+/**
+ * @description: 随机获取一个音频素材
+ * @returns
+ */
+export const getAudioAPI = (params) => fn(fetch.post(Api.GET_AUDIO, params));
+
+/**
+ * @description: 埋点
+ * @returns
+ */
+export const saveEventAPI = (params) => fn(fetch.post(Api.SAVE_EVENT, params));
+
+/**
+ * @description: 随机获取4本书
+ * @returns
+ */
+export const getBookAPI = (params) => fn(fetch.get(Api.GET_BOOK, params));
+
+/**
+ * @description: 生成捐助记录
+ * @returns
+ */
+export const addDonateAPI = (params) => fn(fetch.post(Api.ADD_DONATE, params));
+
+/**
+ * @description: 证书列表
+ * @returns
+ */
+export const certListAPI = (params) => fn(fetch.get(Api.CERT_LIST, params));
+
+/**
+ * @description: 分享祝福语列表
+ * @returns
+ */
+export const shareWishListAPI = (params) => fn(fetch.get(Api.SHARE_WISH_LIST, params));
+
+/**
+ * @description: 抽奖
+ * @returns
+ */
+export const wishPrizeAPI = (params) => fn(fetch.post(Api.WISH_PRIZE, params));
+
+/**
+ * @description: 处置奖品
+ * @returns
+ */
+export const dealPrizeAPI = (params) => fn(fetch.post(Api.DEAL_PRIZE, params));
+
+/**
+ * @description: 中奖列表
+ * @returns
+ */
+export const prizeListAPI = (params) => fn(fetch.get(Api.PRIZE_LIST, params));

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-09 13:32:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-14 14:47:01
+ * @FilePath: /tswj/src/api/wx/config.js
+ * @Description:
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  WX_JSAPI: '/srv/?a=wx_share',
+}
+
+/**
+ * @description 获取微信CONFIG配置文件
+ * @param {*} url
+ * @returns {*} cfg
+ */
+export const wxJsAPI = (params) => fn(fetch.get(Api.WX_JSAPI, params));

+/*
+ * @Date: 2022-06-13 14:18:57
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 14:27:21
+ * @FilePath: /tswj/src/api/wx/jsApiList.js
+ * @Description: 文件描述
+ */
+export const apiList = [
+  "updateAppMessageShareData",
+  "updateTimelineShareData",
+  "onMenuShareTimeline",
+  "onMenuShareAppMessage",
+  "onMenuShareQQ",
+  "onMenuShareWeibo",
+  "onMenuShareQZone",
+  "startRecord",
+  "stopRecord",
+  "onVoiceRecordEnd",
+  "playVoice",
+  "pauseVoice",
+  "stopVoice",
+  "onVoicePlayEnd",
+  "uploadVoice",
+  "downloadVoice",
+  "chooseImage",
+  "previewImage",
+  "uploadImage",
+  "downloadImage",
+  "translateVoice",
+  "getNetworkType",
+  "openLocation",
+  "getLocation",
+  "hideOptionMenu",
+  "showOptionMenu",
+  "hideMenuItems",
+  "showMenuItems",
+  "hideAllNonBaseMenuItem",
+  "showAllNonBaseMenuItem",
+  "closeWindow",
+  "scanQRCode",
+  "chooseWXPay",
+  "openProductSpecificView",
+  "addCard",
+  "chooseCard",
+  "openCard"
+]

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-09 13:32:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-09 13:42:06
+ * @FilePath: /tswj/src/api/wx/config.js
+ * @Description:
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  WX_PAY: 'c/bill_paymentForBill.do',
+}
+
+/**
+ * @description 微信支付接口
+ * @param {*}
+ * @returns {*}
+ */
+export const wxPayAPI = (params) => fn(fetch.get(Api.WX_PAY, params));

+
+.modify-top {
+  z-index: 36;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 10px;
+  background-image: url('http://gyzs.onwall.cn/top-xian%402x.png');
+  background-size: contain;
+}
+.content-bg {
+  /**
+  * background-color and background-image 共存，不能使用渐变色
+  * 图片铺平当时精度提高看看效果
+  * 直接用渐变色
+  * 不使用渐变色背景
+  */
+  height: 100%;
+  min-height: 100vh;
+  // background-image: url('@images/bg-yellow-duan@2x.png');
+  background-image: url('http://gyzs.onwall.cn/bg-yellow-duan%402x.png');
+  // background-size: cover;
+  // background: linear-gradient(360deg, #FDD347 0%, #FFED6D 100%) ;
+}

+@namespace: 'tswj';
+
+/* ============ 颜色 ============ */
+
+// 主色调
+@base-color: #11D2B1;
+// 文字颜色
+@base-font-color: #FFFFFF;
+
+// 定义一个映射
+#colors() {
+  base-color: @base-color;
+  base-font-color: @base-font-color;
+}
+
+// 混合
+.width100 {
+  width: 100%;
+}

+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}

+import axios from 'axios';
+import { Toast } from 'vant';
+
+export default {
+  // 初始化设置
+  init: {
+    mounted () {
+      document.title = this.$route.meta.title;
+    }
+  },
+  likeFn: {
+    methods: {
+      /**
+       * 用户相关操作
+       * @param {String} type 动作类型：like, favor, play
+       * @param {String} id 作品 ID
+       */
+      handleAction (type, id) { // 用户操作
+        axios.post('/srv/?a=prod_action', {
+          action_type: type,
+          prod_id: id
+        })
+        .then(res => {
+          if (res.data.code === 1) {
+            if (res.data.msg === `${type}-add-OK`) { // 动作操作成功
+              this.getProductDetail(type, id);
+              if (type === 'favor') {
+                Toast('收藏成功');
+              }
+              if (type === 'like') {
+                Toast('点赞成功');
+              }
+            } else { // 取消操作
+              this.getProductDetail(type, id);
+              if (type !== 'play') {
+                Toast('取消成功');
+              }
+            }
+          } else {
+            // tslint:disable-next-line: no-console
+            console.warn(res);
+            if (!res.data.show) return false;
+            Toast({
+              icon: 'close',
+              message: res.data.msg
+            });
+          }
+        })
+        .catch(err => {
+          // tslint:disable-next-line: no-console
+          console.error(err); 
+        });
+      },
+      getProductDetail (type, id) { // 查询更新作品详情
+        axios.get('/srv/?a=prod_info', {
+          params: {
+            prod_id: id
+          }
+        })
+        .then(res => {
+          if (res.data.code === 1) {
+            this.detail[`is_${type}`] = res.data.data[`is_${type}`];
+            this.detail[`${type}_num`] = res.data.data[`${type}_num`];
+          } else {
+            // tslint:disable-next-line: no-console
+            console.warn(res);
+            if (!res.data.show) return false;
+            Toast({
+              icon: 'close',
+              message: res.data.msg
+            });
+          }
+        })
+        .catch(err => {
+          // tslint:disable-next-line: no-console
+          console.error(err); 
+        });
+      }
+    }
+  }
+};

+/**
+ * 判断多行省略文本
+ * @param {*} id 目标dom标签
+ * @returns 
+ */
+const hasEllipsis = (id) => {
+  let oDiv = document.getElementById(id);
+  let flag = false
+  if (oDiv.scrollHeight > oDiv.clientHeight) {
+    flag = true
+  }
+  return flag
+}
+
+export default {
+  hasEllipsis
+}
\ No newline at end of file

+import { ref } from 'vue'
+import { useBrowserLocation, useEventListener, useTitle, useUrlSearchParams, useWindowScroll, logicAnd } from '@vueuse/core'
+export const fn = () => {
+  // const location = useBrowserLocation()
+  // console.warn(location.value);
+
+  // useEventListener(window, 'scroll', (evt) => { 
+  //   const { x, y } = useWindowScroll()
+  //   // console.warn(x.value);
+  //   console.warn(y.value);
+  // })
+
+  // useTitle('New Title')
+
+  const a = ref(true)
+  const b = ref(true)
+  const flag = a.value && b.value
+  console.warn(flag);
+  
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-17 12:13:13
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-12 22:50:29
+ * @FilePath: /tswj/src/composables/index.js
+ * @Description:
+ */
+import { onMounted, onUnmounted } from 'vue'
+
+import { useVideoList } from '@/composables/useVideoList.js'
+import { useDefaultPerf } from '@/composables/useDefaultPerf.js'
+import { useBookList, useAsyncBookList } from '@/composables/useBookList.js'
+import { useShortcutBar } from '@/composables/useShortcutBar.js'
+import { useScrollTop } from '@/composables/useScrollTop.js'
+import { useMessageList } from '@/composables/useMessageList.ts'
+
+export {
+  useVideoList,
+  useDefaultPerf,
+  useBookList,
+  useAsyncBookList,
+  useShortcutBar,
+  useScrollTop,
+  useMessageList,
+}
+
+/**
+ * 添加和清除 DOM 事件监听器
+ * @param {*} target 
+ * @param {*} event 
+ * @param {*} callback 
+ */
+export function useEventListener(target, event, callback) {
+  onMounted(() => target?.addEventListener(event, callback))
+  onUnmounted(() => target?.removeEventListener(event, callback))
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-07 17:46:54
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-12 22:55:58
+ * @FilePath: /tswj/src/composables/useBookList.js
+ * @Description: 
+ */
+import { ref } from 'vue'
+import axios from '@/utils/axios';
+import { Toast } from 'vant';
+import { useRoute } from 'vue-router';
+import { kgBookListAPI } from '@/api/C/kg'
+
+export const useBookList = () => {
+  const $route = useRoute();
+  const emptyStatus = ref(false);
+  // tslint:disable-next-line: variable-name
+  const kg_id = $route.query.kg_id ? $route.query.kg_id : '';
+  const kgInfo = ref({
+    id: '',
+    logo: '',
+    name: '',
+    multi_name: '',
+    book_list: []
+  });
+  if (kg_id) { // 从学校列表进入
+    axios.get('/srv/?a=kg_book_list', {
+      params: {
+        kg_id
+      }
+    })
+      .then(res => {
+        if (res.data.code === 1) {
+          kgInfo.value = res.data.data;
+          kgInfo.value.book_list.forEach(item => {
+            item.show = true; // 默认显示所有，给搜索功能留的hook
+          });
+          // 有空格分割name
+          if (kgInfo.value.name.indexOf(' ') > -1) {
+            kgInfo.value.multi_name = kgInfo.value.name.split(' ');
+          }
+          if (!kgInfo.value.book_list.length) {
+            emptyStatus.value = true;
+          }
+        } else {
+          // tslint:disable-next-line: no-console
+          console.warn(res);
+          if (!res.data.show) return false;
+          Toast({
+            icon: 'close',
+            message: res.data.msg
+          });
+        }
+      })
+      .catch(err => {
+        // tslint:disable-next-line: no-console
+        console.error(err);
+      })
+  } else { // 从访客进入
+    axios.get('/srv/?a=book_list')
+      .then(res => {
+        if (res.data.code === 1) {
+          res.data.data.forEach(item => {
+            item.show = true; // 默认显示所有，给搜索功能留的hook
+          });
+          kgInfo.value = {
+            book_list: res.data.data
+          }
+          if (!kgInfo.value.book_list.length) {
+            emptyStatus.value = true;
+          }
+        } else {
+          // tslint:disable-next-line: no-console
+          console.warn(res);
+          if (!res.data.show) return false;
+          Toast({
+            icon: 'close',
+            message: res.data.msg
+          });
+        }
+      })
+      .catch(err => {
+        // tslint:disable-next-line: no-console
+        console.error(err);
+      })
+  }
+  return {
+    kg_id,
+    kgInfo,
+    emptyStatus
+  }
+}
+
+// ！！废弃方法
+// 前端使用方式过于复杂
+export const useAsyncBookList = async () => {
+  const $route = useRoute();
+  const emptyStatus = ref(false);
+  // tslint:disable-next-line: variable-name
+  const kg_id = $route.query.kg_id ? $route.query.kg_id : '';
+  const kgInfo = ref({
+    id: '',
+    logo: '',
+    name: '',
+    multi_name: [],
+    book_list: []
+  });
+  const { data } = await kgBookListAPI({ kg_id });
+  if (data) kgInfo.value = data;
+  kgInfo.value.book_list.forEach(item => {
+    item.show = true; // 默认显示所有，给搜索功能留的hook
+  });
+  // 有空格分割name
+  if (kgInfo.value.name.indexOf(' ') > -1) {
+    kgInfo.value.multi_name = kgInfo.value.name.split(' ');
+  }
+  if (!kgInfo.value.book_list.length) {
+    emptyStatus.value = true;
+  }
+  return {
+    kg_id,
+    kgInfo,
+    emptyStatus
+  }
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-18 14:31:26
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-05-30 10:18:19
+ * @FilePath: /tswj/src/composables/useDefaultPerf.js
+ * @Description: 
+ */
+import { ref } from 'vue'
+import axios from '@/utils/axios';
+import { Toast } from 'vant';
+
+/**
+ * @description: 获取默认儿童信息
+ * @param {*} bookId
+ * @param {*} params
+ * @param {*} avatar
+ * @param {*} name
+ * @param {*} price
+ * @param {*} user_id
+ * @param {*} perf_id
+ * @param {*} perf_name
+ * @param {*} can_upload
+ * @param {*} can_upload
+ * @param {*} can_upload
+ * @param {*} message
+ * @return {*}
+ */
+export const useDefaultPerf = (bookId) => {
+  // 金数据准备数据
+  const userInfo = ref({})
+
+  axios.get('/srv/?a=default_perf', {
+    params: {
+      book_id: bookId
+    }
+  })
+  .then(res => {
+    if (res.data.code === 1) {
+      userInfo.value = {
+        book_id: res.data.data.book_id,
+        avatar: res.data.data.book_cover,
+        name: res.data.data.book_name,
+        price: res.data.data.book_price,
+        user_id: res.data.data.user_id,
+        perf_id: res.data.data.perf_id,
+        perf_name: res.data.data.perf_name,
+        can_upload: res.data.data.can_upload, //  can_upload ：1=可上传，-1=用户没有实名，-2=用户没有儿童表演者
+        // can_upload: -1, //  can_upload ：1=可上传，-1=用户没有实名，-2=用户没有儿童表演者
+      }
+    } else {
+      console.warn(res);
+      if (!res.data.show) return false;
+      Toast({
+        icon: 'close',
+        message: res.data.msg
+      });
+    }
+  })
+  .catch(err => {
+    console.error(err);
+  });
+  return {
+    userInfo
+  }
+}

+/*
+ * @Date: 2022-06-22 00:07:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-30 13:45:54
+ * @FilePath: /tswj/src/composables/useLogin.js
+ * @Description: 文件描述
+ */
+import { bLoginAPI } from '@/api/B/login'
+import { useRouter } from 'vue-router'
+import { wxInfo } from '@/utils/tools';
+import { ref } from 'vue'
+import { useCountDown } from '@vant/use';
+import { smsAPI } from '@/api/common'
+import { Toast } from 'vant'
+
+export const useLogin = () => {
+  const phone = ref('');
+  const code = ref('')
+
+  const refForm = ref(null);
+  const validateForm = () => {
+    const valid = refForm.value.validate();
+    valid
+      .then(() => {
+        refForm.value.submit();
+      })
+      .catch(error => {
+        console.error(error);
+        Toast({
+          message: '请检查后再次提交',
+          icon: 'cross',
+        });
+      })
+  }
+
+  /**
+   * 判断微信环境看是否弹出控件框
+   * 桌面微信直接输入
+   * 其他环境弹出输入框
+   */
+  let use_widget = ref(true);
+  use_widget.value = !!(wxInfo().isiOS || wxInfo().isAndroid);
+
+  /**
+   * 手机号码校验
+   * 函数返回 true 表示校验通过，false 表示不通过
+   * @param {*} val 
+   */
+  const sms_disabled = ref(true);
+  const phoneValidator = (val) => {
+    let flag = false;
+    // 简单判断手机号位数
+    if (/1\d{10}/.test(val) && phone.value.length === 11) {
+      sms_disabled.value = false;
+      flag = true;
+    } else {
+      sms_disabled.value = true;
+      flag = false;
+    }
+    return flag
+  };
+
+  /**
+   * 手机号数字弹框
+   */
+  const keyboard_show = ref(false);
+  const refPhone = ref(null)
+  const showKeyboard = () => { // 弹出数字弹框
+    keyboard_show.value = true;
+  };
+  const keyboardBlur = () => { // 数字键盘失焦回调
+    keyboard_show.value = false;
+    refPhone.value.validate();
+  };
+
+  // 设置发送短信倒计时
+  // TAG: vant 自带倒计时函数
+  const limitSeconds = ref(60000); // 配置倒计时秒数
+  const countDown = useCountDown({ // 配置倒计时
+    time: limitSeconds.value,
+    onFinish: () => {
+      countDown.reset();
+    }
+  });
+
+  const sendCode = async () => { // 发送验证码
+    countDown.start();
+    // 验证码接口
+    const { code } = await smsAPI({ phone: phone.value });
+    if (code) {
+      Toast.success('发送成功');
+    }
+  };
+
+  // 过滤输入的数字 只能四位
+  const smsFormatter = (value) => value.substring(0, 4);
+
+  /**
+   * 用户登录
+   * @param {*} phone 
+   * @param {*} pin 
+   */
+  const $router = useRouter();
+  const onSubmit = async (values) => {
+    const { code } = await bLoginAPI({ phone: values.phone, pin: values.code })
+    if (code) {
+      $router.push({
+        path: '/business/index'
+      });
+    }
+  };
+
+  return {
+    phone,
+    code,
+    onSubmit,
+    use_widget,
+    sms_disabled,
+    phoneValidator,
+    keyboardBlur,
+    keyboard_show,
+    showKeyboard,
+    refPhone,
+    refForm,
+    validateForm,
+    smsFormatter,
+    limitSeconds,
+    countDown,
+    sendCode,
+  }
+}

+/*
+ * @Date: 2022-06-12 22:51:21
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 01:01:33
+ * @FilePath: /tswj/src/composables/useMessageList.ts
+ * @Description: 测试处理列表查询功能中的重复代码问题
+ * 感觉复用意义不大，这么写反而很麻烦
+ */
+import { Ref, ref } from 'vue'
+import { myCommentAPI } from '@/api/C/me'
+import _ from 'lodash'
+import { commentListType } from '@/@types/message/interface';
+import {
+  loading,
+  finished,
+  limit,
+  offset,
+  finishedTextStatus,
+  emptyStatus,
+} from '@/composables/variable';
+
+// scrollList的类型是个麻烦，其他地方调用时类型不一定一样
+function fn(data: [], scrollList: Ref<commentListType[]>) {
+// function fn(data: [], scrollList: any) {
+  // 数据全部加载完成
+  if (!data.length) {
+    // 加载状态结束
+    finished.value = true;
+  }
+  scrollList.value = [...scrollList.value, ...data];
+  offset.value = scrollList.value.length;
+  loading.value = false;
+  // 隐藏loading标识，空列表图标
+  if (!scrollList.value.length) {
+    finishedTextStatus.value = false;
+    emptyStatus.value = true;
+  } else {
+    emptyStatus.value = false;
+  }
+
+  return {
+    scrollList,
+    finished,
+    loading,
+    finishedTextStatus,
+    emptyStatus,
+  };
+}
+
+export const useMessageList = () => {
+  // 我的留言接口联调
+  const scrollList = ref<commentListType[]>([]);
+  let obj = {
+    scrollList,
+    finished,
+    loading,
+    finishedTextStatus,
+    emptyStatus,
+  };
+
+  const onLoad = async () => {
+    const { data } = await myCommentAPI({ limit: limit.value, offset: offset.value });
+    data.forEach((item: { target_name: string | null | undefined; c_action: string; c_name: string; }) => {
+      let arr = _.split(item.target_name, '@'); // 分割评论的动作和姓名
+      item.c_action = arr[0]; // 评论动作
+      item.c_name = arr[1]; // 评论姓名
+    });
+    // fn把重复代码抽离
+    obj = fn(data, scrollList);
+  }
+
+  return {
+    onLoad,
+    scrollList: obj.scrollList,
+    loading: obj.loading,
+    finished: obj.finished,
+    finishedTextStatus: obj.finishedTextStatus,
+    emptyStatus: obj.emptyStatus,
+  };
+}

+import { $, _, storeToRefs, mainStore } from '@/utils/generatePackage'
+
+/**
+ * 页面滚动恢复
+ * @returns 
+ */
+export const useScrollTop = () => {
+  const store = mainStore();
+  const resetScrollTop = (key) => {
+    // 嵌套滚动，执行两个，先滚外面再滚里面
+    _.times(2, () => {
+      $("html,body").animate({ "scrollTop": String(storeToRefs(store)[key].value) + 'px' });
+    });
+  }
+  return {
+    resetScrollTop,
+    store
+  }
+}

+/*
+ * @Date: 2022-06-13 17:42:32
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-18 21:14:42
+ * @FilePath: /tswj/src/composables/useShare.js
+ * @Description: 文件描述
+ */
+import wx from 'weixin-js-sdk';
+// import { Toast } from 'vant';
+
+/**
+ * @description: 微信分享功能
+ * @param {*} title 标题
+ * @param {*} desc 描述
+ * @param {*} imgUrl 图标
+ * @return {*}
+ */
+export const sharePage = ({title = '童声无界', desc = '共读一本书，传递一份爱。', imgUrl = 'http://voice.onwall.cn/f/voice/images/weixin_logo.jpg'}) => {
+  const shareData = {
+    title, // 分享标题
+    desc, // 分享描述
+    link: location.origin + location.pathname + location.hash, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+    imgUrl, // 分享图标
+    success: function () {
+      // console.warn('设置成功');
+    }
+  }
+  // 分享好友（微信好友或qq好友）
+  wx.updateAppMessageShareData(shareData);
+  // 分享到朋友圈或qq空间
+  wx.updateTimelineShareData(shareData);
+  // 分享到腾讯微博
+  wx.onMenuShareWeibo(shareData);
+
+  // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareAppMessage(shareData);
+  // // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareTimeline(shareData);
+  // // 获取“分享到QQ”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareQQ(shareData);
+}

+import { useRoute } from 'vue-router';
+import { ref } from 'vue';
+import { Cookies } from '@/utils/generatePackage'
+
+export const useShortcutBar = (item) => {
+  const $route = useRoute();
+  const path = $route.path;
+  const isClient = Cookies.get('userType') === 'client' ? true : false; // 判断C端入口位置，访客/客户
+  // const case1 = ['home', 'me', 'rank'];
+  // const case2 = ['home'];
+  // const case3 = ['me'];
+  const shortcutItem = ref([]);
+
+  // 配置快捷跳转条
+  if (item) {
+    shortcutItem.value = item;
+  } else {
+    if (path === '/client/chooseBook') { // 爱心捐书页面
+      if (isClient) {
+        shortcutItem.value = ['home', 'me', 'rank']
+      } else {
+        shortcutItem.value = ['me']
+      }
+    }
+
+    if (path === '/client/donateCertificate') {
+      shortcutItem.value = ['home']
+    }
+
+    if (path === '/business/index') {
+      shortcutItem.value = ['me']
+    }
+  }
+
+  return {
+    shortcutItem
+  }
+}

+import { ref } from 'vue'
+import axios from '@/utils/axios';
+import _ from 'lodash'
+import { Toast } from 'vant';
+
+export const useUnwatchList = () => {
+  // 绑定页面数据
+  const prod_list = ref([]);
+  const limit = ref(10)
+  const offset = ref(0)
+
+  // 处理书籍下作品列表
+  const loading = ref(false);
+  const finished = ref(false);
+
+  // 因为不能让空图标提前出来的写法
+  const finishedTextStatus = ref(false);
+  const emptyStatus = ref(false);
+
+  /**
+   * 向下滚动查询数据
+   */
+  const onLoad = () => {
+    // 异步更新数据
+    axios.get('/srv/?a=my_unplay', {
+      params: {
+        limit: limit.value,
+        offset: offset.value
+      }
+    })
+      .then(res => {
+        if (res.data.code === 1) {
+          prod_list.value = _.concat(prod_list.value, res.data.data.prod);
+          prod_list.value = _.uniqBy(prod_list.value, 'id');
+          _.each(prod_list.value, (item) => {
+            item.type = 'read-only' // 特殊标识，判断入口 为keepAlive使用
+          })
+          offset.value = prod_list.value.length;
+          loading.value = false;
+          // 数据全部加载完成
+          if (!res.data.data.prod.length) {
+            // 加载状态结束
+            finished.value = true;
+          }
+          // 空数据提示
+          if (!prod_list.value.length) {
+            finishedTextStatus.value = false;
+            emptyStatus.value = true;
+          }
+        } else {
+          // tslint:disable-next-line: no-console
+          console.warn(res);
+          if (!res.data.show) return false;
+          Toast({
+            icon: 'close',
+            message: res.data.msg
+          });
+        }
+      })
+      .catch(err => {
+        // tslint:disable-next-line: no-console
+        console.error(err);
+      })
+  };
+
+  return {
+    onLoad,
+    prod_list,
+    finished,
+    loading,
+    finishedTextStatus,
+    emptyStatus,
+  }
+}

+/*
+ * @Date: 2022-05-10 12:15:14
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 23:36:29
+ * @FilePath: /tswj/src/composables/useUpload.js
+ * @Description: 图片上传模块
+ */
+import { v4 as uuidv4 } from 'uuid';
+import { ref, reactive } from 'vue'
+import { qiniuTokenAPI, qiniuUploadAPI, saveFileAPI } from '@/api/common'
+
+export const useUpload = () => {
+  let lock_btn = ref(false); // 保存按钮锁
+  let fileList = ref([]);
+  let upload_image = reactive({ src: '' });
+  const afterRead = async (res) => {
+    lock_btn.value = true; // 上传开始, 不能保存
+    let affix = uuidv4();
+    // 此时可以自行将文件上传至服务器
+    let dataURL = res.content;
+    let base64url = dataURL.slice(dataURL.indexOf(',') + 1);  // 截取前缀的base64   data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnoAAAJeCAYAA.......
+    // 获取七牛token
+    const { token, key, code } = await qiniuTokenAPI({ filename: `${affix}_${res.file.name}`, file: base64url });
+    if (code) {
+      const config = {
+        headers: {
+          'Content-Type': 'application/octet-stream',
+          'Authorization': 'UpToken ' + token,    // UpToken后必须有一个 ' '(空格)
+        }
+      }
+      // 上传七牛服务器
+      const { filekey, hash, image_info } = await qiniuUploadAPI('http://upload.qiniup.com/putb64/-1/key/' + key, base64url, config)
+      if (filekey) {
+        // 保存图片
+        const { data } = await saveFileAPI({ filekey, hash, format: image_info.format, height: image_info.height, width: image_info.width });
+        upload_image.src = data.src;
+        lock_btn.value = false; // 头像上传完成, 打开锁
+      }
+    }
+  };
+  const beforeDelete = () => { // 删除图片回调
+    upload_image.src = '';
+    return true;
+  }
+
+  return {
+    lock_btn,
+    fileList,
+    upload_image,
+    afterRead,
+    beforeDelete
+  }
+}

+import { ref } from 'vue'
+import axios from '@/utils/axios';
+import { Toast } from 'vant';
+
+export const idCard = () => {
+  /**
+   * 检查用户是否已实名认证 (实名认证后可以上传作品，留言)
+   */
+  const can_use = ref(false)
+    axios.get('/srv/?a=can_upload')
+      .then(res => {
+        if (res.data.code === 1) {
+          can_use.value = res.data.data.can_upload ? true : false;
+        } else {
+          console.warn(res);
+          if (!res.data.show) return false;
+          Toast({
+            icon: 'close',
+            message: res.data.msg
+          });
+        }
+      })
+      .catch(err => {
+        console.error(err);
+      })
+
+      return {
+        can_use
+      }
+  }

+/*
+ * @Date: 2022-05-05 18:07:16
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-10-01 21:13:07
+ * @FilePath: /tswj/src/composables/useVideoList.js
+ * @Description: 文件描述
+ */
+import { ref } from 'vue'
+import axios from '@/utils/axios';
+import _ from 'lodash'
+import { Toast } from 'vant';
+import { useRoute } from 'vue-router'
+import { bookInfoAPI } from '@/api/C/book'
+import { flowFn } from '@/hooks/useFlowFn'
+
+export const useVideoList = () => {
+  const $route = useRoute();
+  // 切换视频语言
+  const checkMandarin = ref(true); // 普通话选项卡
+  const checkLocalism = ref(false); // 方言选项卡
+  const chooseLanguage = ref({ text: '普通话', val: '普通话' }); // 默认选中普通话
+  /**
+   * 切换视频语言回调
+   * @param {*} type
+   */
+  const toggleLanguage = (type) => {
+    if (type === 'mandarin') {
+      checkMandarin.value = true;
+      checkLocalism.value = false;
+    } else {
+      checkMandarin.value = false;
+      checkLocalism.value = true;
+    }
+    // 修改默认语言绑定数据
+    if (checkLocalism.value) {
+      // tslint:disable-next-line:no-string-literal
+      chooseLanguage.value = { text: columns.value[0]['text'], val: columns.value[0]['val'] }
+    } else {
+      chooseLanguage.value = { text: '普通话', val: '普通话' };
+    }
+    // 切换语言需要更新列表数据
+    onReload()
+  }
+
+  // 方言选择项
+  let columns = ref([
+    { text: '所有方言', val: '所有方言' },
+  ])
+  //
+  axios.get('/srv/?a=localism_list&book_id=' + $route.query.id)
+  .then(res => {
+    if (res.data.code === 1) {
+      let arr = [];
+      _.each(res.data.data, item => {
+        arr.push({
+          text: item,
+          val: item
+        })
+      });
+      columns.value = _.concat(columns.value, arr);
+    } else {
+      // tslint:disable-next-line: no-console
+      console.warn(res);
+      if (!res.data.show) return false;
+      Toast({
+        icon: 'close',
+        message: res.data.msg
+      });
+    }
+  })
+  .catch(err => {
+    // tslint:disable-next-line: no-console
+    console.error(err);
+  })
+
+  const showPicker = ref(false);
+
+  /**
+   * 选择方言确认后回调
+   * @param {*} param
+   */
+  const onConfirm = ({ selectedOptions }) => {
+    showPicker.value = false;
+    chooseLanguage.value = {
+      text: selectedOptions[0].text,
+      val: selectedOptions[0].val
+    }
+    onReload()
+  };
+
+  // 绑定页面数据
+  const bookInfo = ref('');
+  // tslint:disable-next-line: variable-name
+  const prod_list = ref([]);
+  const limit = ref(10)
+  const offset = ref(0)
+
+  // 处理书籍下作品列表
+  const loading = ref(false);
+  const finished = ref(false);
+
+  // 因为不能让空图标提前出来的写法
+  const finishedTextStatus = ref(false);
+  const emptyStatus = ref(false);
+
+  /**
+   * 向下滚动查询数据
+   */
+  const onLoad = async () => {
+    // 异步更新数据
+    const { data, code } = await bookInfoAPI({ book_id: $route.query.id, kg_id: $route.query.kg_id ? $route.query.kg_id : 0, localism_type: chooseLanguage.value.text, limit: limit.value, offset: offset.value })
+    if (code === 1) {
+      bookInfo.value = data;
+      flowFn(data.prod_list, prod_list, offset, loading, finished, finishedTextStatus, emptyStatus);
+    }
+  };
+
+  /**
+   * 重载刷新程序
+   */
+  const onReload = () => {
+    offset.value = 0
+    prod_list.value = []
+    loading.value = true;
+    finished.value = false;
+    onLoad()
+  }
+
+  return {
+    toggleLanguage,
+    onLoad,
+    columns,
+    prod_list,
+    finished,
+    loading,
+    bookInfo,
+    showPicker,
+    checkLocalism,
+    checkMandarin,
+    onConfirm,
+    chooseLanguage,
+    finishedTextStatus,
+    emptyStatus,
+  }
+}

+/*
+ * @Date: 2022-06-12 23:54:24
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 00:50:29
+ * @FilePath: /tswj/src/composables/variable.js
+ * @Description: 文件描述
+ */
+import { ref } from 'vue';
+
+export const loading = ref(false);
+export const finished = ref(false);
+export const limit = ref(5);
+export const offset = ref(0)
+export const finishedTextStatus = ref(false);
+export const emptyStatus = ref(false);

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-25 18:34:17
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-30 16:55:15
+ * @FilePath: /tswj/src/constant.js
+ * @Description: 
+ */
+// 金数据表单 - 家长端（废弃）
+export const JSJ_FORM_C = 'https://jsjs.onwall.cn/f/NAGn1D';
+// 金数据表单 - 家长端（普通话/方言）
+export const JSJ_FORM_MANDARIN = 'https://jsjs.onwall.cn/f/NAGn1D';
+export const JSJ_FORM_LOCALISM = 'https://jsjs.onwall.cn/f/HFdZIx';
+
+// 金数据表单 - 老师端
+export const JSJ_FORM_B = 'https://jsj.onwall.cn/f/g7D0MT';
+
+// 颜色变量
+export const styleColor = {
+  baseColor: '#11D2B1',
+  baseFontColor: '#FFFFFF'
+}
+
+/**
+ * 客户端类型
+ * @param CLIENT 家长端
+ * @param BUSINESS 老师端
+ */
+export const USER_ROLE = {
+  CLIENT: 'C',
+  BUSINESS: 'B',
+}
+
+/**
+ * 用户身份
+ * @param CHILDREN 儿童
+ * @param VISIT 访客
+ * @param KINDERGARTEN 幼儿园
+ */
+export const USER_TYPE = {
+  CHILDREN: 'C',
+  VISIT: 'V',
+  KINDERGARTEN: 'K',
+}
+
+// 默认视频封面
+export const DEFAULT_COVER = 'http://gyzs.onwall.cn/tswj_vidieo_cover.jpg'
+
+/**
+ * 用户操作状态
+ * @param PASS 正常
+ * @param NON_VERIFIED 未实名认证
+ * @param NON_DEFAULT_CHILD 没有默认儿童
+ */
+export const USER_STATUS = {
+  PASS: 1,
+  NON_VERIFIED: -1,
+  NON_DEFAULT_CHILD: -2
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-14 23:28:39
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-07 22:49:56
+ * @FilePath: /tswj/src/env.d.ts
+ * @Description:
+ */
+interface ImportMetaEnv extends Readonly<Record<string, string>> {
+  readonly VITE_OPENID: string;
+  readonly VITE_ID: string;
+  readonly VITE_PIN: string;
+  readonly VITE_APPID: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

+/**
+ * 依赖注入命名集合
+ */
+export const myInjectionKey = Symbol()
+export const fooInjectionKey = Symbol()

+import { provide, inject } from "vue";
+
+// const key = Symbol();
+
+/**
+ * 创建全局变量
+ * @param {*} context 
+ * @param {*} key 
+ */
+export function createContext(context, key) {
+  provide(key, context)
+}
+/**
+ * 使用全局变量
+ * @param {*} key 
+ * @returns 
+ */
+export function useContext(key) {
+  return inject(key)
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-28 22:31:25
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-05-30 10:18:09
+ * @FilePath: /tswj/src/hooks/useDebounce.js
+ * @Description: 
+ */
+import _ from 'lodash';
+/**
+ * 封装lodash防抖
+ * @param {*} fn 执行函数
+ * @param {*} timestamp 执行间隔
+ * @param {*} options 函数配置 - 在延迟开始前调用，在延迟结束后不调用
+ * @returns 返回新的 debounced（防抖动）函数。
+ */
+export const useDebounce = (fn, timestamp = 500, options = { leading: true, trailing: false }) => {
+  return _.debounce(fn, timestamp, options);
+}

+
+/**
+ * @description 封装简化滚动查询列表执行流程
+ * @param {*} data 接口返回列表数据
+ * @param {*} list 自定义列表
+ * @param {*} offset 
+ * @param {*} loading 
+ * @param {*} finished 
+ * @param {*} finishedTextStatus 
+ * @param {*} emptyStatus 
+ */
+import _ from 'lodash'
+
+export const flowFn = (data, list, offset, loading, finished, finishedTextStatus, emptyStatus) => {
+  list.value = _.concat(list.value, data);
+  list.value = _.uniqBy(list.value, 'id');
+  offset.value = list.value.length;
+  loading.value = false;
+  // 数据全部加载完成
+  if (!data.length) {
+    // 加载状态结束
+    finished.value = true;
+  }
+  // 空数据提示
+  if (!list.value.length) {
+    finishedTextStatus.value = false;
+  }
+  emptyStatus.value = Object.is(list.value.length, 0);
+}

+import { useRouter } from 'vue-router';
+
+/**
+ * 封装路由跳转方便行内调用
+ * @returns 
+ */
+export function useGo () {
+  let router = useRouter()
+  function go (path, query) {
+    router.push({
+      path: path,
+      query: query
+    })
+  }
+  return go
+}
+
+export function useReplace () {
+  let router = useRouter()
+  function replace (path, query) {
+    router.replace({
+      path: path,
+      query: query
+    })
+  }
+  return replace
+}

+import { mainStore } from '@/utils/generatePackage.js'
+
+// 删除 keep-alive 缓存
+export const store = mainStore();
+
+export const killPages = () => {
+  store.changeKeepPages();
+}
+
+export const addPages = () => {
+  store.keepThisPage();
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-31 12:06:19
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-12-31 17:32:10
+ * @FilePath: /tswj/src/main.js
+ * @Description:
+ */
+import { createApp } from 'vue';
+import { Button, Image as VanImage, Col, Row, Icon, Form, Field, CellGroup, ConfigProvider, Toast, Uploader, Empty, Tab, Tabs, Overlay, NumberKeyboard, Lazyload, List, PullRefresh, Popup, Picker, Sticky, Stepper, Tag, Swipe, SwipeItem, Dialog, ActionSheet, Loading, Checkbox, Search, Notify } from 'vant';
+import router from './router';
+import App from './App.vue';
+// import axios from './utils/axios';
+import axios from '@/utils/axios';
+// import 'default-passive-events'; // 解决Chrome控制台non-passive event listener输出问题
+import { createPinia } from 'pinia';
+import 'vant/lib/index.css';
+
+const pinia = createPinia();
+const app = createApp(App);
+
+app.config.globalProperties.$http = axios; // 关键语句
+
+app.use(pinia).use(router).use(Button).use(VanImage).use(Col).use(Row).use(Icon).use(Form).use(Field).use(CellGroup).use(Toast).use(Uploader).use(Empty).use(Tab).use(Tabs).use(Overlay).use(NumberKeyboard).use(Lazyload).use(List).use(PullRefresh).use(Popup).use(Picker).use(Sticky).use(Stepper).use(Tag).use(Swipe).use(SwipeItem).use(Dialog).use(ActionSheet).use(Loading).use(Checkbox).use(Search).use(ConfigProvider).use(Notify);
+
+app.mount('#app');

+const routes = [{
+  path: '/image',
+  redirect: '',
+  name: 'html转图片',
+  component: 'html2canvas',
+  keepAlive: '',
+  meta: {
+    title: 'html转图片',
+    name: ''
+  },
+  children: [{
+    path: 'children',
+    redirect: '',
+    name: 'html转图片',
+    component: 'children-test',
+    keepAlive: '',
+    meta: {
+      title: 'html转图片',
+      name: ''
+    }
+  }]
+}]
+// const routes = []
+
+export default routes

+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App1</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>

+import { createApp } from 'vue';
+import App from './App.vue';
+// import store, { key } from './store/index';
+import router from './router';
+
+createApp(App).use(router).mount('#app');

+import { createRouter, createWebHashHistory } from 'vue-router';
+
+const router = createRouter({
+  history: createWebHashHistory('/index.html'),
+  routes: [
+    {
+      path: '/',
+      name: 'mono2',
+      component: () => import('./views/index.vue'),
+    },
+  ],
+});
+
+export default router;

+<template>
+  <div class="">456</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App1</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>

+import { createApp } from 'vue';
+import App from './App.vue';
+// import store, { key } from './store/index';
+import router from './router';
+
+createApp(App).use(router).mount('#app');

+import { createRouter, createWebHashHistory } from 'vue-router';
+
+const router = createRouter({
+  history: createWebHashHistory('/index.html'),
+  routes: [
+    {
+      path: '/',
+      name: 'mono2',
+      component: () => import('./views/index.vue'),
+    },
+  ],
+});
+
+export default router;

+<template>
+  <div class="">123</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+export default [{
+  path: '/about',
+  component: () => import('@/views/about.vue'),
+  meta: {
+    title: 'about'
+  }
+}];

+/*
+ * @Date: 2022-05-26 13:57:28
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 21:36:59
+ * @FilePath: /tswj/src/router.js
+ * @Description: 文件描述
+ */
+import { createRouter, createWebHashHistory } from 'vue-router';
+import RootRoute from './route.js';
+import asyncRoutesArr from "./mock/routes"
+import generateRoutes from './utils/generateRoute'
+
+// TAG: 路由配置表
+/**
+ * 把项目独有的路由配置到相应的路径，默认路由文件只放公用部分
+ * 但是 vue 文件内容还是要事先准备好
+ */
+const modules = import.meta.globEager('@/router/routes/modules/**/*.js'); // Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块
+const routeModuleList = [];
+
+Object.keys(modules).forEach((key) => {
+  const mod = modules[key].default || {};
+  const modList = Array.isArray(mod) ? [...mod] : [mod];
+  routeModuleList.push(...modList);
+});
+
+// 创建路由实例并传递 `routes` 配置
+const router = createRouter({
+  history: createWebHashHistory('/index.html'),
+  routes: [...RootRoute, ...routeModuleList]
+});
+
+// TAG: 动态生成路由
+/**
+ * generateRoute 负责把后台返回数据拼接成项目需要的路由结构，动态添加到路由表里面
+ */
+router.beforeEach((to, from, next) => {
+  // 使用404为中转页面，避免动态路由没有渲染出来，控制台报警告问题
+  if (to.path == '/404' && to.redirectedFrom != undefined) {
+    // 模拟异步操作
+    setTimeout(() => {
+      if (!asyncRoutesArr.length) return; // 没有动态路由避免报错
+      const arr = generateRoutes(asyncRoutesArr); // 在路由守卫处生成，避免有子路由时刷新白屏问题。
+      arr.forEach(item => {
+        router.addRoute(item) // 新增路由
+      })
+      // 重写被404覆盖路由信息
+      next({ ...to.redirectedFrom, replace: true });
+    }, 1000);
+  } else {
+    next()
+  }
+})
+
+router.afterEach(() => {
+  // console.warn(to);
+  // console.warn(wx);
+  // share(to)
+})
+
+export default router;

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-07 18:03:50
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-08 19:35:53
+ * @FilePath: /tswj/src/router/methods/goToVideoDetail.ts
+ * @Description:
+ */
+// import { useRouter } from 'vue-router';
+import $router from '@/router';
+
+/**
+ * 路由跳转视频详情页
+ * @param prod_id 作品ID
+ * @param perf_id 表演者ID
+ * @param book_id 书籍ID
+ * @param type 特殊标识，判断入口 为keepAlive使用
+ */
+const fn = ({
+  prod_id,
+  perf_id,
+  book_id,
+  type,
+}: {
+  prod_id: string;
+  perf_id: string;
+  book_id: string;
+  type?: string;
+}): void => {
+  $router.push({
+    path: '/client/videoDetail',
+    query: {
+      prod_id,
+      perf_id,
+      book_id,
+      type,
+    },
+  });
+};
+
+export default fn;

+const index = [{
+  path: '/auth',
+  name: '授权跳转页',
+  component: () => import('@/views/auth.vue'),
+  meta: {
+    title: '微信授权'
+  },
+  children: []
+}]
+
+export default index;

+/*
+ * @Date: 2024-04-07 10:14:17
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-04-07 10:28:36
+ * @FilePath: /fxPark/src/router/routes/modules/fxPark/index.js
+ * @Description: 文件描述
+ */
+const index = [{
+  path: '/fxPark',
+  name: '“碳”寻复兴公园',
+  component: () => import('@/views/fxPark/index.vue'),
+  redirect: '',
+  meta: {
+    title: '“碳”寻复兴公园',
+  },
+  children: [],
+},]
+
+export default index;

+/*
+ * @Date: 2022-06-15 17:09:03
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 20:09:00
+ * @FilePath: /tswj/src/router/routes/modules/test/index.js
+ * @Description: 文件描述
+ */
+const index = [{
+  path: '/html2canvas',
+  name: 'html2canvas',
+  component: () => import('@/views/html2canvas.vue'),
+  redirect: '',
+  meta: {
+    icon: '',
+    title: 'DOM转image',
+  },
+  children: [],
+}, {
+  path: '/test-slot',
+  name: 'test-slot',
+  component: () => import('@/views/test/test-slot.vue'),
+  redirect: '',
+  meta: {
+    icon: '',
+    title: '测试slot插槽',
+  },
+  children: [],
+}, { // 配置404为动态路由中转页面
+  path: '/:pathMatch(.*)*',
+  redirect: '/404'
+}, {
+  path: '/404',
+  name: '404',
+  component: () => import('@/views/test/404.vue'),
+  meta: {
+    icon: '',
+    title: '404',
+  },
+  children: [],
+}];
+
+export default index;

+export default {
+  defaultPageSize: 10,
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-26 10:08:06
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-02 22:50:53
+ * @FilePath: /tswj/src/settings/designSetting.js
+ * @Description: 
+ */
+import { ref } from 'vue';
+import { styleColor } from '@/constant.js';
+
+export const styleObject1 = ref({
+  backgroundColor: styleColor.baseFontColor,
+  color: styleColor.baseColor,
+  borderColor: styleColor.baseColor
+})
+
+export const styleObject2 = ref({
+  backgroundColor: styleColor.baseColor,
+  color: styleColor.baseFontColor,
+  borderColor: styleColor.baseColor
+})
+
+export const styleObject3 = ref({
+  // backgroundColor: '#6D97D2',
+  backgroundColor: '#F4675A',
+  color: styleColor.baseFontColor,
+  // borderColor: '#6D97D2'
+  borderColor: '#F4675A'
+})
+
+export const styleObject4 = ref({
+  backgroundColor: styleColor.baseFontColor,
+  color: '#713610',
+  borderColor: '#713610'
+})
+
+export const styleObject5 = ref({
+  backgroundColor: styleColor.baseFontColor,
+  color: '#FDD347',
+  borderColor: '#FDD347'
+})
+
+export const styleObject6 = ref({
+  backgroundColor: styleColor.baseFontColor,
+  color: '#777777',
+  borderColor: '#777777'
+})
+
+export const styleObject7 = ref({
+  backgroundColor: styleColor.baseFontColor,
+  color: '#0B3A72',
+  borderColor: '#0B3A72'
+})

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-07 22:46:46
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-08 05:34:56
+ * @FilePath: /tswj/src/shims-vue.d.ts
+ * @Description:
+ */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent;
+  export default component;
+}

+/*
+ * @Date: 2022-04-18 15:59:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 11:30:40
+ * @FilePath: /tswj/src/store/index.js
+ * @Description: 文件描述
+ */
+import { defineStore } from 'pinia';
+// import { testStore } from './test'; // 另一个store
+import _ from 'lodash';
+import { useRouter } from 'vue-router'
+
+export const mainStore = defineStore('main', {
+  state: () => {
+    return {
+      msg: 'Hello world',
+      count: 0,
+      auth: false,
+      comment_num: 0,
+      video_detail: {},
+      scrollTop: 0,
+      scrollTopCollection: 0,
+      scrollTopLike: 0,
+      scrollTopPerson: 0,
+      keepPages: ['default'], // 很坑爹，空值全部都缓存
+    };
+  },
+  getters: {
+    getKeepPages () {
+      return this.keepPages
+    },
+    // getTestStoreList () {
+    //   return testStore().list // 返回另一个store的值
+    // }
+  },
+  actions: {
+    changeState (state) {
+      this.auth = state;
+    },
+    changeCommentNum (num) {
+      this.comment_num = num;
+    },
+    changeVideoDetail (v) {
+      this.video_detail = v;
+    },
+    changeScrollTop (v) {
+      this.scrollTop = v;
+    },
+    changeScrollTopCollection (v) {
+      this.scrollTopCollection = v;
+    },
+    changeScrollTopLike (v) {
+      this.scrollTopLike = v;
+    },
+    changeScrollTopPerson (v) {
+      this.scrollTopPerson = v;
+    },
+    changeKeepPages () { // 清空所有缓存，用一个不存在的值覆盖
+      this.keepPages = ['default'];
+    },
+    keepThisPage () { // 新增缓存页
+      const $router = useRouter();
+      const page = $router.currentRoute.value.meta.name;
+      this.keepPages.push(page);
+    },
+    removeThisPage () { // 删除缓存页
+      const $router = useRouter();
+      const page = $router.currentRoute.value.meta.name;
+      _.remove(this.keepPages, item => item === page)
+    }
+  },
+});

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-25 18:34:17
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-22 01:35:44
+ * @FilePath: /tswj/src/theme-vars.js
+ * @Description: 修改vant默认表单样式
+ */
+import { styleColor } from '@/constant.js';
+
+export const loginTheme = {
+  buttonPrimaryBackground: styleColor.baseColor,
+  buttonPrimaryBorderColor: styleColor.baseColor,
+  buttonPrimaryColor: styleColor.baseFontColor,
+  CellVerticalPadding: '14px'
+};

+/*
+ * @Date: 2022-06-20 01:22:50
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-20 01:23:18
+ * @FilePath: /tswj/src/composables/useMonitorKeyboard.js
+ * @Description: 文件描述
+ */
+/**
+ * @class 监听虚拟键盘
+ * @classdesc 监听虚拟键盘弹出隐藏
+ * @public onEnd 结束监听虚拟键盘
+ * @public onShow 传递一个回调 监听虚拟键盘弹出
+ * @public onHidden 传递一个回调 监听虚拟键盘隐藏
+ */
+class MonitorKeyboard {
+  constructor() {
+    this.type = this.IsIA();
+    this.originalHeight = window.innerHeight;
+  }
+
+  /**
+   *  @function IsIA 获取设备类型
+   *  @param  1 Android 2 iOS  
+   */
+  IsIA = () => {
+    const userAgent = typeof window === 'object' ? window.navigator.userAgent : '';
+    if (/android/i.test(userAgent)) {
+      return 1;
+    } else if (/iPhone|iPod|iPad/i.test(userAgent)) {
+      return 2;
+    }
+  }
+
+  // Android系统
+  onResize = () => {
+    //键盘弹起与隐藏都会引起窗口的高度发生变化
+    const resizeHeight = window.innerHeight;
+
+    if (this.originalHeight - resizeHeight > 50) {
+      this.show('Android系统: 软键盘弹出');
+    } else {
+      this.hidden('Android系统: 软键盘收起');
+    }
+  }
+
+  // iOS获取焦点
+  onFocusin = () => {
+    this.show('iOS系统:软键盘弹出');
+  }
+
+  // iOS失去焦点
+  onFocusout = () => {
+    this.hidden('iOS系统:软键盘收起');
+  }
+
+  /**  
+   * @function onStart 开始监听虚拟键盘  
+   */
+  onStart = () => {
+    if (this.type == 1) {
+      // 获取窗口的高度
+      window.addEventListener('resize', this.onResize);
+    }
+    if (this.type == 2) {
+      // iOS系统
+      window.addEventListener('focusin', this.onFocusin);
+      window.addEventListener('focusout', this.onFocusout);
+    }
+  }
+
+  /** 
+   * @function onEnd 结束监听虚拟键盘  
+   */
+  onEnd = () => {
+    if (this.type == 1) {
+      //获取窗口的高度
+      window.removeEventListener('resize', this.onResize);
+    }
+    if (this.type == 2) {
+      window.removeEventListener('focusin', this.onFocusin);
+      window.removeEventListener('focusout', this.onFocusout);
+    }
+  }
+
+  /**
+   * @function  onShow 传递一个回调函数
+   * @param  虚拟键盘弹出时触发
+   */
+  onShow = (fn) => {
+    this.show = fn;
+  }
+
+  /**
+    * @function  onHidden 传递一个回调函数
+    * @param  虚拟键盘隐藏时触发
+    */
+  onHidden = (fn) => {
+    this.hidden = fn;
+  }
+}
+
+export default MonitorKeyboard

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-28 10:17:40
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-02 18:02:31
+ * @FilePath: /tswj/src/utils/axios.js
+ * @Description:
+ */
+import axios from 'axios';
+import router from '@/router';
+import qs from 'Qs'
+import { strExist } from '@/utils/tools'
+// import { parseQueryString } from '@/utils/tools'
+
+axios.defaults.params = {
+  f: 'voice',
+};
+
+/**
+ * @description 请求拦截器
+ */
+axios.interceptors.request.use(
+  config => {
+    // const url_params = parseQueryString(location.href);
+    // GET请求默认打上时间戳，避免从缓存中拿数据。
+    const timestamp = config.method === 'get' ? (new Date()).valueOf() : '';
+    /**
+     * POST PHP需要修改数据格式
+     * 序列化POST请求时需要屏蔽上传相关接口，上传相关接口序列化后报错
+     */
+    if (config.method === 'post' && !strExist(['a=upload', 'upload.qiniup.com'], config.url)) {
+      if (qs.stringify(config.data)) {
+        config.data = qs.stringify(config.data)
+      }
+    }
+    // 绑定默认请求头
+    config.params = { ...config.params, timestamp }
+    return config;
+  },
+  error => {
+    // 请求错误处理
+    return Promise.reject(error);
+  });
+
+/**
+ * @description 响应拦截器
+ */
+axios.interceptors.response.use(
+  response => {
+    // 默认显示错误提示
+    response.data.show = true;
+    // 判断微信授权状态，进入页面时未授权需要授权跳转
+    // C/B 授权拼接头特殊标识，openid_x
+    let prefixAPI = router?.currentRoute.value.href?.indexOf('business') > 0 ? 'b' : 'c';
+    if (response.data.code === 401) {
+      // 特殊标识-带此标识报错不显示
+      response.data.show = false;
+      /**
+       * 未授权跳转登录页
+       * 带着上一个页面的信息, 授权完成后 返回当前页面
+       */
+      router.replace({ path: '/auth', query: { href: location.hash, prefixAPI } });
+    }
+    // 拦截B端未登录情况
+    if (['老师请先登录！', '老师不存在！'].includes(response.data.msg)) { router.replace({ path: '/business/login' }); }
+    return response;
+  },
+  error => {
+    return Promise.reject(error);
+  });
+
+export default axios;

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-17 11:34:35
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-20 16:31:28
+ * @FilePath: /tswj/src/utils/generateIcons.js
+ * @Description: 图标集合
+ */
+import icon_video from '@images/video.png'
+import icon_up from '@images/icon-guanbi@2x.png'
+import icon_down from '@images/icon-zhankai@2x.png'
+import icon_subscribed from '@images/icon-dingyue01@2x.png'
+import icon_unsubscribe from '@images/icon-dingyue02@2x.png'
+import no_image from '@images/que-shuju@2x.png'
+import icon_avatar from '@images/que-touxiang@2x.png'
+import icon_logo from '@images/que-logo@2x.png'
+import icon_dianzan1 from '@images/icon-dianzan01@2x.png'
+import icon_dianzan2 from '@images/icon-dianzan02@2x.png'
+import icon_shoucang1 from '@images/icon-shoucang01@2x.png'
+import icon_shoucang2 from '@images/icon-shoucang02@2x.png'
+import icon_liuyan from '@images/icon-liuyan@2x.png'
+import icon_book from '@images/shu@2x.png'
+import icon_me from '@images/icon-my@2x.png'
+import icon_home from '@images/icon-home@2x.png'
+import icon_rank from '@images/icon-paihang@2x.png'
+import icon_ranking1 from '@images/1@2x.png'
+import icon_ranking2 from '@images/2@2x.png'
+import icon_ranking3 from '@images/3@2x.png'
+import icon_flower from '@images/xiaohua@2x.png'
+import icon_refuse from '@images/icon-jujue@2x.png'
+import icon_apply from '@images/icon-shenhe@2x.png'
+import icon_enable from '@images/icon-tongguo@2x.png'
+
+export {
+  icon_video,
+  icon_up,
+  icon_down,
+  icon_subscribed,
+  icon_unsubscribe,
+  no_image,
+  icon_avatar,
+  icon_logo,
+  icon_dianzan1,
+  icon_dianzan2,
+  icon_liuyan,
+  icon_shoucang1,
+  icon_shoucang2,
+  icon_book,
+  icon_me,
+  icon_home,
+  icon_rank,
+  icon_ranking1,
+  icon_ranking2,
+  icon_ranking3,
+  icon_flower,
+  icon_refuse,
+  icon_apply,
+  icon_enable,
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-17 11:17:58
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-07-01 14:55:12
+ * @FilePath: /tswj/src/utils/generateModules.js
+ * @Description: 
+ */
+import MyButton from '@/components/MyButton/index.vue'
+import VideoCard from '@/components/VideoCard/index.vue'
+import NoticeOverlay from '@/components/NoticeOverlay/index.vue'
+import NoticeOverlayModule from '@/components/NoticeOverlayModule/index.vue'
+import DonateBook from '@/components/DonateBook/index.vue'
+import ShortcutFixed from '@/components/ShortcutFixed/index.vue'
+import BookCard from '@/components/BookCard/index.vue'
+import VideoDetail from '@/components/VideoDetail/index.vue'
+import DonateBar from '@/components/DonateBar/index.vue'
+import DonateFlower from '@/components/DonateFlower/index.vue'
+
+export {
+  MyButton,
+  VideoCard,
+  NoticeOverlay,
+  NoticeOverlayModule,
+  DonateBook,
+  ShortcutFixed,
+  BookCard,
+  VideoDetail,
+  DonateBar,
+  DonateFlower,
+}

+/*
+ * @Date: 2022-05-17 11:26:03
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-20 14:00:13
+ * @FilePath: /tswj/src/utils/generatePackage.js
+ * @Description: 文件描述
+ */
+import Cookies from 'js-cookie'
+import $ from 'jquery'
+import _ from 'lodash'
+import axios from '@/utils/axios';
+import { storeToRefs } from 'pinia'
+import { mainStore } from '@/store'
+import { Toast, Dialog } from 'vant';
+import { wxInfo, hasEllipsis } from '@/utils/tools';
+import { useTitle } from '@vueuse/core'
+
+export {
+  Cookies,
+  $,
+  _,
+  axios,
+  storeToRefs,
+  mainStore,
+  Toast,
+  Dialog,
+  wxInfo,
+  hasEllipsis,
+  useTitle
+}

+/*
+ * @Date: 2022-05-16 17:21:45
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 17:00:15
+ * @FilePath: /tswj/src/utils/generateRoute.js
+ * @Description: 文件描述
+ */
+
+/**
+ * 根据后台返回的路径，生成页面的组件模版
+ * @param {*} component 
+ * @returns 模版地址
+ */
+function loadView(component) {
+  return () => import(`../views/${component}.vue`)
+}
+
+/**
+ * 生成路由结构
+ * @param {*} routes
+ */
+const generateRoutes = (routes) => {
+  const arr = []
+  routes.forEach(route => {
+    const router = {}
+    const {
+      path,
+      redirect,
+      name,
+      component,
+      keepAlive,
+      meta,
+      children
+    } = route
+
+    router.path = path
+    redirect && (router.redirect = redirect)
+    name && (router.name = name)
+    router.component = loadView(component)
+    keepAlive && (router.keepAlive = keepAlive)
+    meta && (router.meta = meta)
+    router.children = !Array.isArray(children) || generateRoutes(children);
+    arr.push(router)
+  })
+  return arr
+}
+
+export default generateRoutes;

+import wx from 'weixin-js-sdk'
+import axios from '@/utils/axios';
+
+const fn = (to) => {
+  // 路由名
+  let ruleName = location.href.split('#/')[1].split('?')[0];
+  
+  const icon = 'https://cdn.lifeat.cn/webappgroup/betterLifelogo.png'
+  
+  const shareInfoMap = {
+    'client/index': {
+      title: '童声无界',
+      desc: '引导页',
+      icon
+    },
+    'client/chooseSchool': {
+      title: '选择幼儿园',
+      desc: '引导页',
+      icon
+    },
+    default: {
+      title: to.name,
+      desc: window.location.href,
+      icon
+    },
+  }
+  let infoMap = shareInfoMap[ruleName] ? shareInfoMap[ruleName] : shareInfoMap['default'];
+  // console.warn(ruleName);
+  console.warn(infoMap);
+  console.warn(wx);
+  console.warn(axios);
+}
+export default fn
+// 这个判断后加的为了减少请求次数，据后端说有次数限制，当需要分享的页面才去请求接口。
+// if (shareInfoMap[ruleName]) {
+//   // request 是封装的请求
+//   request.post('/wxmp/sign/jsSdk', {
+//     url: location.href,
+//   }).then(res => {
+//     let { timestamp, nonceStr, signature, appId } = res;
+//     wx.config({
+//       debug: false,
+//       appId,
+//       timestamp,
+//       nonceStr,
+//       signature,
+//       jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']
+//     });
+//     wx.error(function (errres) {
+//       console.info(errres)
+//     })
+//     wx.ready(() => {   //需在用户可能点击分享按钮前就先调用
+//       console.info('ready')
+//       //分享朋友
+//       wx.updateAppMessageShareData({
+//         title: infoMap.title, // 分享标题
+//         desc: infoMap.desc, // 分享描述
+//         link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+//         imgUrl: infoMap.icon, // 分享图标
+//         success: function () {
+//           console.info("成功")
+//           // 设置成功
+//         },
+//         fail: function (erres) {
+//           console.info('失败：', erres)
+//         }
+//       })
+//       //分享到 朋友圈
+//       wx.updateTimelineShareData({
+//         title: infoMap.title, // 分享标题
+//         link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+//         imgUrl: infoMap.icon, // 分享图标
+//         success: function () {
+//           console.info("成功")
+//           // 设置成功
+//         },
+//         fail: function (erres) {
+//           console.info('失败：', erres)
+//         }
+//       })
+//     });
+//   }).catch(err => {
+//     console.info('err:', err)
+//   })
+// }
\ No newline at end of file

+/*
+ * @Date: 2022-04-18 15:59:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-30 13:54:32
+ * @FilePath: /tswj/src/utils/tools.js
+ * @Description: 文件描述
+ */
+import dayjs from 'dayjs';
+
+// 格式化时间
+const formatDate = (date) => {
+  return dayjs(date).format('YYYY-MM-DD HH:mm');
+};
+
+/**
+ * @description 判断浏览器属于平台
+ * @returns 
+ */
+const wxInfo = () => {
+  let u = navigator.userAgent;
+  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
+  let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+  let uAgent = navigator.userAgent.toLowerCase();
+  let isTable = (uAgent.match(/MicroMessenger/i) == 'micromessenger') ? true : false;
+  return {
+    isAndroid,
+    isiOS,
+    isTable
+  };
+};
+
+/**
+ * @description 判断多行省略文本
+ * @param {*} id 目标dom标签
+ * @returns 
+ */
+const hasEllipsis = (id) => {
+  let oDiv = document.getElementById(id);
+  let flag = false;
+  if (oDiv.scrollHeight > oDiv.clientHeight) {
+    flag = true
+  }
+  return flag
+}
+
+/**
+ * @description 解析URL参数
+ * @param {*} url 
+ * @returns 
+ */
+const parseQueryString = url => {
+  var json = {};
+  var arr = url.indexOf('?') >= 0 ? url.substr(url.indexOf('?') + 1).split('&') : [];
+  arr.forEach(item => {
+    var tmp = item.split('=');
+    json[tmp[0]] = tmp[1];
+  });
+  return json;
+}
+
+/**
+ * 字符串包含字符数组中字符的状态
+ * @param {*} array 字符数组
+ * @param {*} str 字符串
+ * @returns 包含状态
+ */
+const strExist = (array, str) => {
+  const exist = array.filter(arr => {
+    if (str.indexOf(arr) >= 0) return str;
+  })
+  return exist.length > 0
+}
+
+export { formatDate, wxInfo, hasEllipsis, parseQueryString, strExist };

+import VConsole from 'vconsole';
+
+// const vConsole = new VConsole();
+let vConsole = '';
+// 或者使用配置参数来初始化，详情见文档
+if (+import.meta.env.VITE_CONSOLE) {
+  vConsole = new VConsole({ theme: 'dark' });
+}
+
+export default vConsole

+<template>
+  <div class="">
+    <iframe id="iframe" :src="src" style="height: 100vh" width="100%" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+const $route = useRoute();
+
+const src = ref($route.query.href)
+</script>
+
+<script>
+import mixin from 'common/mixin';
+
+export default {
+  mixins: [mixin.init],
+  data () {
+    return {
+      myIframe: null
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    onLoad(frame) {
+      this.myIframe = frame.contentWindow
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+<template>
+  <div class="">router test</div>
+</template>
+
+<script setup>
+</script>
+
+<style lang="less" scoped>
+</style>

+<template>
+  <div />
+</template>
+
+<script setup>
+import { onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+
+const $route = useRoute();
+
+onMounted(() => {
+  // php需要先跳转链接获取openid
+  /**
+   * encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
+   * 该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。
+   * 其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。
+   */
+  let raw_url = encodeURIComponent(location.origin + location.pathname + $route.query.href); // 未授权的地址
+  // TAG: 开发环境测试数据
+  const short_url = `/srv/?f=voice&a=openid_${$route.query.prefixAPI}&res=${raw_url}`;
+  location.href = import.meta.env.DEV
+    ? `${short_url}&input_openid=${import.meta.env.VITE_OPENID}`
+    : `${short_url}`;
+})
+</script>

+<!--
+ * @Date: 2022-06-29 15:57:45
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 22:04:25
+ * @FilePath: /tswj/src/views/children-test.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="">test</div>
+</template>
+
+<script setup>
+</script>
+
+<style lang="less" scoped>
+</style>

+<!--
+ * @Date: 2024-04-07 10:15:55
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-04-07 10:19:13
+ * @FilePath: /fxPark/src/views/fxPark/index.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="">123</div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+//import { } from '@/utils/generateModules.js'
+//import { } from '@/utils/generateIcons.js'
+//import { } from '@/composables'
+const $route = useRoute();
+const $router = useRouter();
+useTitle($route.meta.title);
+
+</script>
+
+<style lang="less" scoped>
+
+</style>

+<template>
+  <div>
+    <!-- 生成图片后隐藏原始结构 -->
+    <div v-if="flag" ref="canvasRef" style="width: 200px; height: 200px;">
+      <img :src="logo_image" alt="">
+    </div>
+    <div v-if="imgUrl">
+      <img :src="imgUrl" alt="" crossOrigin="anonymous" style="width: 300px; height: 300px;">
+    </div>
+    <div>
+      <div @click="createImage">合成图片</div>
+      <div @click="btn">child</div>
+    </div>
+    <router-view />
+  </div>
+</template>
+
+<script setup>
+
+import logo_image from '@images/logo@3x.png'
+</script>
+
+<script>
+import mixin from 'common/mixin';
+import html2canvas from "html2canvas";
+
+export default {
+  mixins: [mixin.init],
+  data() {
+    return {
+      imgUrl: "",
+      flag: true
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    createImage() {
+      this.$nextTick(() => {
+        // 获取要生成图片的 DOM 元素
+        let canvasDom = this.$refs.canvasRef;
+        const options = {
+          // backgroundColor: '#ffffff',
+          // canvas: canvas,
+          useCORS: true,//配置允许跨域
+          // scale:1,
+          // windowWidth: document.body.scrollWidth,
+          // windowHeight: document.body.scrollHeight,
+          // x: 0,
+          // y: window.pageYOffset,
+          // allowTaint: true,
+          // background: "#ffffff", // 一定要添加背景颜色，否则出来的图片，背景全部都是透明的
+          dpi: 300 // 处理模糊问题
+        };
+        // console.log("获取指定的宽高", width, height, canvas);
+        html2canvas(canvasDom, options)
+          .then(canvas => {
+            try {
+              // 生成图片地址
+              this.imgUrl = canvas.toDataURL("image/png");
+              // console.log("canvas.toDataURL('image/png')", this.imgUrl);
+              this.flag = false;
+            } catch (e) {
+              alert("图片跨域,保存失败");
+            }
+          })
+          .catch(error => {
+            console.error("绘制失败");
+            console.error(error);
+          });
+      });
+    },
+    btn () {
+      this.$router.push({
+        path: '/image/children',
+        query: {
+          abc: 1
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.m-html2canvas {
+  display: flex;
+}
+
+.m-canvasRef {
+  width: 500px;
+  height: 500px;
+  /* border: 1px solid red; */
+  /* box-sizing: border-box; */
+  box-shadow: 10px 10px 5px #888888;
+}
+
+.m-imageList {
+  width: 500px;
+  height: calc(500px / 3);
+}
+
+img {
+  width: 100%;
+  height: 100%;
+  float: left;
+}
+
+.m-showImage {
+  margin-left: 50px;
+  background: red;
+  width: 500px;
+  height: 500px;
+}
+
+.m-btn {
+  margin-left: 50px;
+}
+</style>

+<template>
+  <div />
+</template>
+
+<script setup>
+</script>
+
+<style lang="less" scoped>
+</style>

+{
+  "compilerOptions": {
+    /* 基本选项 */
+    "target": "esnext", // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'
+    "module": "CommonJS", // 指定使用模块: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
+    "lib": [ // 指定要包含在编译中的库文件
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ],
+    "allowJs": true, // 允许编译 javascript 文件
+    // "checkJs": true, // 报告 javascript 文件中的错误
+    "jsx": "preserve", // 指定 jsx 代码的生成: 'preserve', 'react-native', or 'react'
+    // "declaration": true, // 生成相应的 '.d.ts' 文件
+    // "sourceMap": true, // 生成相应的 '.map' 文件
+    // "outFile": "./", // 将输出文件合并为一个文件
+    "outDir": "./", // 指定输出目录
+    // "rootDir": "./", // 用来控制输出目录结构 --outDir.
+    "removeComments": true, // 删除编译后的所有的注释
+    // "noEmit": true, // 不生成输出文件
+    "importHelpers": true, // 从 tslib 导入辅助工具函数
+    "isolatedModules": false, // 将每个文件做为单独的模块 （与 'ts.transpileModule' 类似）
+
+    /* 严格的类型检查选项 */
+    "strict": true, // 启用所有严格类型检查选项
+    // "noImplicitAny": true, // 在表达式和声明上有隐含的 any类型时报错
+    // "strictNullChecks": true,  // 启用严格的 null 检查
+    // "noImplicitThis": true, // 当 this 表达式值为 any 类型的时候，生成一个错误
+    // "alwaysStrict": true, // 以严格模式检查每个模块，并在每个文件里加入 'use strict'
+
+    /* 额外的检查 */
+    "noUnusedLocals": true, // 有未使用的变量时，抛出错误
+    "noUnusedParameters": true, // 有未使用的参数时，抛出错误
+    "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误
+    "noFallthroughCasesInSwitch": true, // 报告 switch 语句的 fallthrough 错误。（即，不允许 switch 的 case 语句贯穿）
+    
+    /* 模块解析选项 */
+    "moduleResolution": "node", // 选择模块解析策略： 'node' (Node.js) or 'classic' (TypeScript pre-1.6)
+    "baseUrl": ".", // 用于解析非相对模块名称的基目录
+    "paths": { // 模块名到基于 baseUrl 的路径映射的列表
+      "@/*": [
+        "src/*"
+      ]
+    },
+    // "rootDirs": [], // 根文件夹列表，其组合内容表示项目运行时的结构内容
+    // "typeRoots": [], // 包含类型声明的文件列表
+    "types": [ // 需要包含的类型声明文件名列表
+      // "webpack-env",
+      "vite/client",
+      "lodash",
+      "moment",
+      "node",
+      "jquery",
+    ],
+    "allowSyntheticDefaultImports": true, // 允许从没有设置默认导出的模块中默认导入。
+
+    /* Source Map Options */
+    // "sourceRoot": "./", // 指定调试器应该找到 TypeScript 文件而不是源文件的位置
+    // "mapRoot": "./", // 指定调试器应该找到映射文件而不是生成文件的位置
+    // "inlineSourceMap": true, // 生成单个 sourcemaps 文件，而不是将 sourcemaps 生成不同的文件
+    // "inlineSources": true, // 将代码与 sourcemaps 生成到一个文件中，要求同时设置了 --inlineSourceMap 或 --sourceMap 属性
+
+    /* 其他选项 */
+    // "experimentalDecorators": true, // 启用装饰器
+    // "emitDecoratorMetadata": true, // 为装饰器提供元数据的支持
+
+    "esModuleInterop": true, // 可以在es6中导入commonjs
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ],
+  "vueCompilerOptions": {
+    "target": 2,
+    "experimentalSuppressInvalidJsxElementTypeErrors": true
+  }
+}

+{
+  "defaultSeverity": "warning",
+  "extends": [
+    "tslint:recommended"
+  ],
+  "linterOptions": {
+    "exclude": [
+      "node_modules/**"
+    ]
+  },
+  "rules": {
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "indent": [
+      true,
+      "spaces",
+      2
+    ],
+    "interface-name": false,
+    "ordered-imports": false,
+    "object-literal-sort-keys": false,
+    "no-consecutive-blank-lines": false,
+    "no-console": true
+  }
+}

+/*
+ * @Date: 2022-06-13 10:39:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 10:41:43
+ * @FilePath: /tswj/typings/index.d.ts
+ * @Description: 文件描述
+ */
+export {};
+
+// => 全局类型声明
+declare global {
+  interface Window {
+    _hmt: any;
+    wx: any;
+    AlipayJSBridge: any;
+  }
+  namespace GD {
+    interface BaseResponse<T = any> {
+      code: number;
+      data: T;
+      msg: string;
+      page: {
+        pageNo: number;
+        pageSize: number;
+        pages: number;
+        total: number;
+      };
+    }
+  }
+}
+
+// const response = GD.BaseResponse<{name: string}>