更新readme,增加fn,rem增加最小宽高

Signed-off-by: Caner <40012261+Canees@users.noreply.github.com>

README.md

@@ -1,25 +1,34 @@
-# 多页面框架：Vue + Vite
+# 多页面框架：Vue2 + Vite
 
-yarn
+  yarn
+  yarn add model_exp
+  npm run dev
+  npm run build
 
-## 适用 vue2
 
-### 目录结构
+## 目录结构
 
     | - `src`
-      | - `pages`                     全局html目录
-          | - `index`                 子html目录
-              | - `assets`            子静态文件
-              | - `components`        子组件
-              | - `router`            子路由
-              | - `store`             子存储
-              | - `App.vue`           子模板
-              | - `main.ts`           子入口文件
-      | - `components`                全局组件
-      | - `utils`                     全局插件
-    |  -  `static`                    全局静态文件
+    |   - `pages`                     全局html目录
+    |       - `index`                 子html目录
+    |           - `assets`            子静态文件
+    |           - `components`        子组件
+    |           - `router`            子路由
+    |           - `store`             子存储
+    |           - `App.vue`           子模板
+    |           - `main.ts`           子入口文件
+    |   - `components`                全局组件
+    |   - `utils`                     全局插件
+    |   - `assets`                    全局静态文件
 
 ### 注意
 
-`1` 多页面路由模式不能使用 history 模式
-`2` 模板采用 index.html
+1. 多页面路由模式不能使用 history 模式
+2. 模板采用 index.html
+3. 更多方法查看 utils/*.js
+4. 默认安装
+   1. aixos
+   2. js-md5
+   3. vuex
+   4. vue-router
+   5. less

src/utils/JsFn.js

@@ -51,5 +51,32 @@ class JSFun {
         return 0
     }
   }
+
+  /**
+   * 多字段匹配
+   * @param {ArryObject} data 数组|数组对象
+   * @param {string} key 
+   * @returns 
+   */
+  search(data, key) {
+    const list = data.filter(el => {
+      let bt = ''
+      bt += el.name
+      bt += el.eg
+      return bt.match(key)
+    })
+    return list
+  }
+
+  /**
+   * vite 特有图片引用方法
+   * @param {string} url 图片路径 
+   * @param {string} name 图片名称
+   * @returns 
+   */
+  getImageUrl(url, name) {
+    const src = url + name
+    return new URL(src, import.meta.url).href;
+  }
 }
 export default JSFun()

src/utils/realDate.js

@@ -1,7 +1,7 @@
-import axios from '@/api/config'
-import Vue from 'vue'
+import axios from 'axios'
+import store from 'vuex'
 class RealDataService {
-  constructor () {
+  constructor() {
     this.timer = 0
     this.axios = axios
     this.RealData()
@@ -10,18 +10,17 @@ class RealDataService {
   /**
    * 实时数据
    */
-  async RealData () {
+  async RealData() {
     const db = await this.axios.get('/api/v1/getRealData')
     if (db.status === 200 && db.data.success) {
-      Vue.prototype.$store.commit('setRealDB', db.data.data)
-      console.log(77, Vue.prototype.$store.getters.getRealDB.F006054)
+      store.commit('setRealDB', db.data.data)
     }
   }
   /**
    * 定时器
    * @param time 请求时间
    */
-  async startTimerGet (time = 5000) {
+  async startTimerGet(time = 5000) {
     this.timer = setInterval(async () => {
       await this.RealData()
     }, time)
@@ -30,7 +29,7 @@ class RealDataService {
   /**
    * 清除定时器
    */
-  stopTimerGet () {
+  stopTimerGet() {
     clearInterval(this.timer)
   }
 }

src/utils/rem.js

@@ -18,6 +18,8 @@
     } else {
       if (width < 1920) {
         width = 1920
+        docEl.style.minWidth = '1440px'
+        docEl.style.minHeight = '800px'
       }
       docEl.style.fontSize = (100 * (width / 1920)) + 'px'
     }