✨ feat: 细节调整，判断PC端访问适配

 # port
 # port
-VITE_PORT = 8108
+VITE_PORT = 8208
 
 
 # 反向代理服务器地址
 # 反向代理服务器地址
 # VITE_PROXY_TARGET = http://voice.onwall.cn
 # VITE_PROXY_TARGET = http://voice.onwall.cn

@@ -2,18 +2,17 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-26 23:52:36
  * @Date: 2022-05-26 23:52:36
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-08-29 14:00:58
+ * @LastEditTime: 2022-08-30 06:13:04
  * @FilePath: /data-table/src/App.vue
  * @FilePath: /data-table/src/App.vue
  * @Description:
  * @Description:
 -->
 -->
 <template>
 <template>
-  <!-- 页面缓存 -->
-  <!-- <router-view v-slot="{ Component, route }">
-    <keep-alive :include="keepPages" :max="10">
-      <component :is="Component" :key="route.name" />
-    </keep-alive>
-  </router-view> -->
-  <router-view></router-view>
+  <van-row v-if="is_pc">
+    <van-col span="10" offset="7">
+      <router-view></router-view>
+    </van-col>
+  </van-row>
+  <router-view v-else></router-view>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
@@ -36,9 +35,9 @@ const keepPages = computed(() => store.getKeepPages)
 
 
 // // TAG: 全局设置页面标题
 // // TAG: 全局设置页面标题
 // const $route = useRoute();
 // const $route = useRoute();
-// watchEffect(
-//   () => useTitle($route.meta.title)
-// )
+watchEffect(
+  () => useTitle('表单标题')
+)
 // 监听路由变化
 // 监听路由变化
 // 切换路由页面返回顶部
 // 切换路由页面返回顶部
 const $router = useRouter();
 const $router = useRouter();
@@ -55,12 +54,10 @@ Toast.setDefaultOptions({
   className: 'zIndex'
   className: 'zIndex'
 });
 });
 
 
+// web端判断
+const is_pc = computed(() => wxInfo().isPC)
+
 onMounted(async () => {
 onMounted(async () => {
-  // web端访问跳转
-  // const url = import.meta.env.VITE_MOBILE_URL;
-  // if (!wxInfo().isMobile && !wxInfo().isWeiXin) {
-  //   location.href = url + location.hash;
-  // }
   // const { data } = await wxJsAPI();
   // const { data } = await wxJsAPI();
   // data.jsApiList = apiList;
   // data.jsApiList = apiList;
   // wx.config(data);
   // wx.config(data);
@@ -81,6 +78,7 @@ body {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   color: @base-font-color;
   color: @base-font-color;
+  background-color: #F7F8FA;
 }
 }
 
 
 body {
 body {

@@ -2,12 +2,12 @@
  * @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-07-21 11:37:32
- * @FilePath: /front/src/main.js
- * @Description: 
+ * @LastEditTime: 2022-08-29 16:44:15
+ * @FilePath: /data-table/src/main.js
+ * @Description:
  */
  */
 import { createApp } from 'vue';
 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, NavBar, Collapse, CollapseItem } from 'vant';
+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, NavBar, Collapse, CollapseItem, RadioGroup, Radio } from 'vant';
 import router from './router';
 import router from './router';
 import App from './App.vue';
 import App from './App.vue';
 // import axios from './utils/axios';
 // import axios from './utils/axios';
@@ -18,8 +18,11 @@ import { createPinia } from 'pinia';
 const pinia = createPinia();
 const pinia = createPinia();
 const app = createApp(App);
 const app = createApp(App);
 
 
+// 屏蔽警告信息
+app.config.warnHandler = () => null;
+
 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).use(ConfigProvider).use(NavBar).use(Collapse).use(CollapseItem);
+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(NavBar).use(Collapse).use(CollapseItem).use(Radio).use(RadioGroup);
 
 
 app.mount('#app');
 app.mount('#app');

 /*
 /*
  * @Date: 2022-04-18 15:59:42
  * @Date: 2022-04-18 15:59:42
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-08-23 13:37:06
- * @FilePath: /front/src/utils/tools.js
+ * @LastEditTime: 2022-08-29 16:13:49
+ * @FilePath: /data-table/src/utils/tools.js
  * @Description: 文件描述
  * @Description: 文件描述
  */
  */
 import dayjs from 'dayjs';
 import dayjs from 'dayjs';
@@ -24,12 +24,14 @@ const wxInfo = () => {
   let isIpad = u.indexOf('iPad') > -1; // iPad平台
   let isIpad = u.indexOf('iPad') > -1; // iPad平台
   let uAgent = navigator.userAgent.toLowerCase();
   let uAgent = navigator.userAgent.toLowerCase();
   let isWeiXin = (uAgent.match(/MicroMessenger/i) == 'micromessenger') ? true : false;
   let isWeiXin = (uAgent.match(/MicroMessenger/i) == 'micromessenger') ? true : false;
+  let isPC = (uAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) ? false : true;
   return {
   return {
     isAndroid,
     isAndroid,
     isiOS,
     isiOS,
     isWeiXin,
     isWeiXin,
     isMobile,
     isMobile,
-    isIpad
+    isIpad,
+    isPC
   };
   };
 };
 };