fix 写法优化

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-31 12:06:19
  * @Date: 2022-05-31 12:06:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-09 02:02:04
+ * @LastEditTime: 2022-06-29 22:00:37
  * @FilePath: /tswj/src/main.js
  * @FilePath: /tswj/src/main.js
  * @Description: 
  * @Description: 
  */
  */
@@ -20,8 +20,6 @@ const app = createApp(App);
 
 
 app.config.globalProperties.$http = axios; // 关键语句
 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);
-
-app.use(ConfigProvider);
+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);
 
 
 app.mount('#app');
 app.mount('#app');

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

 /*
 /*
  * @Date: 2022-05-26 13:57:28
  * @Date: 2022-05-26 13:57:28
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-29 20:06:11
+ * @LastEditTime: 2022-06-29 21:36:59
  * @FilePath: /tswj/src/router.js
  * @FilePath: /tswj/src/router.js
  * @Description: 文件描述
  * @Description: 文件描述
  */
  */
@@ -35,7 +35,7 @@ const router = createRouter({
  * generateRoute 负责把后台返回数据拼接成项目需要的路由结构，动态添加到路由表里面
  * generateRoute 负责把后台返回数据拼接成项目需要的路由结构，动态添加到路由表里面
  */
  */
 router.beforeEach((to, from, next) => {
 router.beforeEach((to, from, next) => {
-  // 使用404为中转页面，避免动态路由没有渲染出来，控制台报错问题
+  // 使用404为中转页面，避免动态路由没有渲染出来，控制台报警告问题
   if (to.path == '/404' && to.redirectedFrom != undefined) {
   if (to.path == '/404' && to.redirectedFrom != undefined) {
     // 模拟异步操作
     // 模拟异步操作
     setTimeout(() => {
     setTimeout(() => {

@@ -3,37 +3,7 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-
-import { Cookies, $, _, axios, storeToRefs, mainStore, Toast } from '@/utils/generatePackage.js'
-//import { } from '@/utils/generateModules.js'
-//import { } from '@/utils/generateIcons.js'
-//import { } from '@/composables'
-const $route = useRoute();
-const $router = useRouter();
-
-</script>
-
-<script>
-import mixin from 'common/mixin';
-
-export default {
-  mixins: [mixin.init],
-  data () {
-    return {
-
-    }
-  },
-  mounted () {
-
-  },
-  methods: {
-
-  }
-}
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
-
 </style>
 </style>

-<!--
- * @Author: hookehuyr hookehuyr@gmail.com
- * @Date: 2022-05-14 22:27:32
- * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-09 00:59:41
- * @FilePath: /tswj/src/views/auth.vue
- * @Description:
--->
 <template>
 <template>
+  <div />
 </template>
 </template>
 
 
 <script setup>
 <script setup>

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

@@ -2,16 +2,16 @@
   <div>
   <div>
     <!-- 生成图片后隐藏原始结构 -->
     <!-- 生成图片后隐藏原始结构 -->
     <div v-if="flag" ref="canvasRef" style="width: 200px; height: 200px;">
     <div v-if="flag" ref="canvasRef" style="width: 200px; height: 200px;">
-      <img :src="logo_image" alt="" />
+      <img :src="logo_image" alt="">
     </div>
     </div>
     <div v-if="imgUrl">
     <div v-if="imgUrl">
-      <img :src="imgUrl" alt="" crossOrigin="anonymous" style="width: 300px; height: 300px;" />
+      <img :src="imgUrl" alt="" crossOrigin="anonymous" style="width: 300px; height: 300px;">
     </div>
     </div>
     <div>
     <div>
       <div @click="createImage">合成图片</div>
       <div @click="createImage">合成图片</div>
       <div @click="btn">child</div>
       <div @click="btn">child</div>
     </div>
     </div>
-    <router-view></router-view>
+    <router-view />
   </div>
   </div>
 </template>
 </template>
 
 
@@ -65,8 +65,8 @@ export default {
               alert("图片跨域,保存失败");
               alert("图片跨域,保存失败");
             }
             }
           })
           })
-          .catch(err => {
-            console.log("绘制失败");
+          .catch(error => {
+            console.error("绘制失败");
           });
           });
       });
       });
     },
     },

 <template>
 <template>
-  <div></div>
+  <div />
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-
-</script>
-
-<script>
-import mixin from 'common/mixin'
-
-export default {
-  mixins: [mixin.init],
-  data () {
-    return {
-    }
-  },
-  mounted () {
-  },
-  methods: {
-    
-  }
-}
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
-
 </style>
 </style>