添加rem适配

src/main.js

@@ -1,30 +1,29 @@
-import Vue from 'vue';
+import Vue from "vue";
-import axios from './router/axios';
+import axios from "./router/axios";
-import VueAxios from 'vue-axios';
+import VueAxios from "vue-axios";
-import App from './App';
+import App from "./App";
-import router from './router/router';
+import router from "./router/router";
-import './permission'; // 权限
+import "./permission"; // 权限
-import './error'; // 日志
+import "./error"; // 日志
-import './cache';//页面缓存
+import "./cache"; //页面缓存
-import store from './store';
+import store from "./store";
-import {loadStyle} from './util/util'
+import { loadStyle } from "./util/util";
-import * as urls from '@/config/env';
+import * as urls from "@/config/env";
-import Element from 'element-ui';
+import Element from "element-ui";
-import {
+import { iconfontUrl, iconfontVersion } from "@/config/env";
-  iconfontUrl,
+import i18n from "./lang"; // Internationalization
-  iconfontVersion
+import "./styles/common.scss";
-} from '@/config/env';
+import basicBlock from "./components/basic-block/main";
-import i18n from './lang'; // Internationalization
+import basicContainer from "./components/basic-container/main";
-import './styles/common.scss';
+import thirdRegister from "./components/third-register/main";
-import basicBlock from './components/basic-block/main';
+import flowDesign from "./components/flow-design/main";
-import basicContainer from './components/basic-container/main';
+import avueUeditor from "avue-plugin-ueditor";
-import thirdRegister from './components/third-register/main';
+import website from "@/config/website";
-import flowDesign from './components/flow-design/main';
+import crudCommon from "@/mixins/crud";
-import avueUeditor from 'avue-plugin-ueditor';
+import "@/assets/js/rem.js";
-import website from '@/config/website';
+
-import crudCommon from '@/mixins/crud';
 // 业务组件
-import tenantPackage from './views/system/tenantpackage';
+import tenantPackage from "./views/system/tenantpackage";
 
 // 注册全局crud驱动
 window.$crudCommon = crudCommon;
@@ -32,23 +31,23 @@ window.$crudCommon = crudCommon;
 Vue.use(router);
 Vue.use(VueAxios, axios);
 Vue.use(Element, {
-  i18n: (key, value) => i18n.t(key, value)
+  i18n: (key, value) => i18n.t(key, value),
 });
 Vue.use(window.AVUE, {
-  size: 'small',
+  size: "small",
-  tableSize: 'small',
+  tableSize: "small",
   calcHeight: 65,
-  i18n: (key, value) => i18n.t(key, value)
+  i18n: (key, value) => i18n.t(key, value),
 });
 // 注册全局容器
-Vue.component('basicContainer', basicContainer);
+Vue.component("basicContainer", basicContainer);
-Vue.component('basicBlock', basicBlock);
+Vue.component("basicBlock", basicBlock);
-Vue.component('thirdRegister', thirdRegister);
+Vue.component("thirdRegister", thirdRegister);
-Vue.component('avueUeditor', avueUeditor);
+Vue.component("avueUeditor", avueUeditor);
-Vue.component('flowDesign', flowDesign);
+Vue.component("flowDesign", flowDesign);
-Vue.component('tenantPackage', tenantPackage);
+Vue.component("tenantPackage", tenantPackage);
 // 加载相关url地址
-Object.keys(urls).forEach(key => {
+Object.keys(urls).forEach((key) => {
   Vue.prototype[key] = urls[key];
 });
 // 加载NutFlow
@@ -56,8 +55,8 @@ Vue.use(window.WfDesignBase);
 // 加载website
 Vue.prototype.website = website;
 // 动态加载阿里云字体库
-iconfontVersion.forEach(ele => {
+iconfontVersion.forEach((ele) => {
-  loadStyle(iconfontUrl.replace('$key', ele));
+  loadStyle(iconfontUrl.replace("$key", ele));
 });
 
 Vue.config.productionTip = false;
@@ -66,5 +65,5 @@ new Vue({
   router,
   store,
   i18n,
-  render: h => h(App)
+  render: (h) => h(App),
-}).$mount('#app');
+}).$mount("#app");