update

Author: nqdy666

package-lock.json

@@ -9,13 +9,15 @@
  },
  "dependencies": {
  "@fortawesome/fontawesome-free": "^5.10.1",
+ "axios": "^0.19.0",
  "core-js": "^2.6.5",
  "cube-ui": "~1.12.15",
  "echarts": "^4.2.1",
  "vue": "^2.6.10",
  "vue-echarts": "^4.0.2",
  "vue-router": "^3.0.3",
- "vuex": "^3.0.1"
+ "vuex": "^3.0.1",
+ "vve-vue-axios": "^1.0.0"
  },
  "devDependencies": {
  "@vue/cli-plugin-babel": "^3.7.0",
@@ -24,6 +26,7 @@
  "babel-eslint": "^10.0.1",
  "eslint": "^5.16.0",
  "eslint-plugin-vue": "^5.0.0",
+ "postcss-pxtorem": "^4.0.1",
  "sass": "^1.18.0",
  "sass-loader": "^7.1.0",
  "stylus": "^0.54.5",

package.json

@@ -1,5 +1,9 @@
 module.exports = {
  plugins: {
  autoprefixer: {},
+ 'postcss-pxtorem': {
+ rootValue: 37.5,
+ propList: ['*']
+ },
  }
 }

postcss.config.js

@@ -0,0 +1,48 @@
+/**
+ * https://github.com/amfe/lib-flexible
+ */
+(function flexible (window, document) {
+ var docEl = document.documentElement
+ var dpr = window.devicePixelRatio || 1
+
+ // adjust body font size
+ function setBodyFontSize () {
+ if (document.body) {
+ // document.body.style.fontSize = (12 * dpr) + 'px'
+ document.body.style.fontSize = 16 + 'px'
+ }
+ else {
+ document.addEventListener('DOMContentLoaded', setBodyFontSize)
+ }
+ }
+ setBodyFontSize();
+
+ // set 1rem = viewWidth / 10
+ function setRemUnit () {
+ var rem = docEl.clientWidth / 10
+ docEl.style.fontSize = rem + 'px'
+ }
+
+ setRemUnit()
+
+ // reset rem unit on page resize
+ window.addEventListener('resize', setRemUnit)
+ window.addEventListener('pageshow', function (e) {
+ if (e.persisted) {
+ setRemUnit()
+ }
+ })
+
+ // detect 0.5px supports
+ if (dpr >= 2) {
+ var fakeBody = document.createElement('body')
+ var testElement = document.createElement('div')
+ testElement.style.border = '.5px solid transparent'
+ fakeBody.appendChild(testElement)
+ docEl.appendChild(fakeBody)
+ if (testElement.offsetHeight === 1) {
+ docEl.classList.add('hairlines')
+ }
+ docEl.removeChild(fakeBody)
+ }
+}(window, document))

src/amfe-flexible.js

@@ -1,4 +1,7 @@
+import './amfe-flexible'
 import Vue from 'vue'
+import axios from 'axios'
+import VueAxios from 'vve-vue-axios'
 // fontawesome 图标
 import '@fortawesome/fontawesome-free/css/all.css'
 import './cube-ui'
@@ -10,6 +13,8 @@ import store from './store'
 
 Vue.config.productionTip = false
 
+Vue.use(VueAxios, axios)
+
 new Vue({
  router,
  store,