refactor(mobile): 切换移动端组件注册方式，把代码都放到 mobile 文件夹下

src/main.js

@@ -5,7 +5,6 @@ import router from './router'
 import directive from './directive' // directive
 import './permission' // permission control
 import plugins from './plugins' // plugins
-import { isMobile } from '@/utils'
 
 /****************** 组件 ******************/
 import ElementPlus from 'element-plus'
@@ -23,6 +22,9 @@ import elementIcons from '@/components/SvgIcon/svgicon'
 import { useDict } from '@/utils/dict'
 import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils'
 
+/****************** 移动端 ******************/
+import registerMobile from "@/mobile/main.js"
+
 // 分页
 import Pagination from '@/components/Pagination'
 // 表格工具
@@ -56,28 +58,11 @@ import XlSelect from '@/components/XLSelect'
 // 开窗查询组件
 import OpenDialog from '@/components/OpenDialog'
 
-// 移动端组件
-import PickerSearch from '@/components/Mobile/PickerSearch'
-
-// 只有在移动端引入
-if (isMobile()) {
-  (function () {
-    const docEl = document.documentElement;
-    const designWidth = 375; // 设计稿宽度（375px设计稿）
-    const baseSize = 37.5;   // 与 postcss-pxtorem 的 rootValue 一致
-
-    function setRem() {
-      const scale = Math.min(docEl.clientWidth / designWidth, 2);
-      docEl.style.setProperty('font-size', `${baseSize * scale}px`, 'important');
-    }
-
-    setRem();
-    window.addEventListener('resize', setRem);
-  })();
-}
-
 const app = createApp(App)
 
+// 注册移动端内容
+registerMobile(app)
+
 // 全局方法
 app.config.globalProperties.useDict = useDict
 app.config.globalProperties.download = download
@@ -106,8 +91,6 @@ app.component('BackToUp', BackToUp)
 app.component('XlToolTip', XLToolTip)
 app.component('XlSelect', XlSelect)
 app.component('OpenDialog', OpenDialog)
-// 移动端组件
-app.component('PickerSearch', PickerSearch)
 
 // 全局插件
 app.use(plugins)

src/mobile/main.js

+import { isMobile } from '@/utils'
+// 移动端组件
+import PickerSearch from './components/PickerSearch'
+
+// 只有在移动端引入
+if (isMobile()) {
+  (function () {
+    const docEl = document.documentElement;
+    const designWidth = 375; // 设计稿宽度（375px设计稿）
+    const baseSize = 37.5;   // 与 postcss-pxtorem 的 rootValue 一致
+
+    function setRem() {
+      const scale = Math.min(docEl.clientWidth / designWidth, 2);
+      docEl.style.setProperty('font-size', `${baseSize * scale}px`, 'important');
+    }
+
+    setRem();
+    window.addEventListener('resize', setRem);
+  })();
+}
+
+export default function (app) {
+  // 移动端组件
+  app.component('PickerSearch', PickerSearch)
+}