更新基础框架

build/webpack.base.conf.js

@@ -84,7 +84,7 @@ module.exports = {
             },
             {
                 // iconfont字体文件
-                test: /\.(eot|ttf|svg|woff|woff2)(\?\S*)?$/,
+                test: /\.(eot|ttf|TTF|svg|woff|woff2)(\?\S*)?$/,
                 // 处理test中的文件类型需要用到的loader类型(名称)
                 use: {
                     loader: 'file-loader'

postcss.config.js

 module.exports = {
-  plugins: [
-    require("autoprefixer")({
-        overrideBrowserslist: ['last 2 version', '>1%', 'ios 7']
-    })
-  ]
-};
+    plugins: [
+        require('autoprefixer')({
+            overrideBrowserslist: ['last 2 version', '>1%', 'ios 7']
+        })
+    ]
+}

src/assets/fonts/fonts.less

 /* 数字字体包 */
 @font-face {
     font-family: "CenturyGothic";
-    src: url('./CenturyGothic.ttf');
+    src: url('./CenturyGothic.TTF');
     font-weight: normal;
     font-style: normal;
 }
-
 /* UI文字字体包 */
 @font-face {
     font-family: "Alibaba PuHuiTi35";
-    src: url('./AlibabaPuHuiTi-2-35-Thin.ttf');
+    src: url('./AlibabaPuHuiTi-2-35-Thin.TTF');
     font-weight: normal;
     font-style: normal;
 }
-
 @font-face {
     font-family: "Alibaba PuHuiTi45";
-    src: url('./AlibabaPuHuiTi-2-45-Light.ttf');
+    src: url('./AlibabaPuHuiTi-2-45-Light.TTF');
     font-weight: normal;
     font-style: normal;
 }
-
 @font-face {
     font-family: "Alibaba PuHuiTi55";
-    src: url('./AlibabaPuHuiTi-2-55-Regular.ttf');
+    src: url('./AlibabaPuHuiTi-2-55-Regular.TTF');
     font-weight: normal;
     font-style: normal;
 }
-
 @font-face {
     font-family: "Alibaba PuHuiTi65";
-    src: url('./AlibabaPuHuiTi-2-65-Medium.ttf');
+    src: url('./AlibabaPuHuiTi-2-65-Medium.TTF');
     font-weight: normal;
     font-style: normal;
 }
-
 @font-face {
     font-family: "Alibaba PuHuiTi75";
-    src: url('./AlibabaPuHuiTi-2-75-SemiBold.ttf');
+    src: url('./AlibabaPuHuiTi-2-75-SemiBold.TTF');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "DS-Digital-B";
+    src: url('./DS-DIGIB-2.TTF');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "DS-Digital-I";
+    src: url('./DS-DIGII-3.TTF');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "DS-Digital-T";
+    src: url('./DS-DIGIT-4.TTF');
     font-weight: normal;
     font-style: normal;
 }

src/components/Layout.vue

@@ -17,6 +17,7 @@
             </div>
             <div
                 class="center"
+                :style="layoutSize.center"
                 ref="layoutCenter"
             >
                 <div class="content">
@@ -50,7 +51,9 @@ export default {
             layoutSize: {
                 leftWidth: '2168px',
                 rightWidth: '2168px',
-                centerWidth: '100%'
+                center: {
+                    flex: 1
+                }
             }
         }
     },
@@ -70,6 +73,8 @@ export default {
 
     created () {
         window.vm = this
+
+        this.setPageSize()
     },
 
     methods: {

src/public/utils/refreshSize.js

@@ -3,14 +3,16 @@
  * @method refreshScale 设置页面缩放比
  * @param {Int|Number} designWidth 设计稿宽度, 默认: 1920
  * @param {Int|Number} designHeight 设计稿高度, 默认: 1080
+ * @param {Int|Number} designWidthRatio 设计宽度比，默认: 16
+ * @param {Int|Number} designHeightRatio 设计高度比，默认: 9
  */
-export function refreshScale (designWidth = 1920, designHeight = 1080) {
+export function refreshScale (designWidth = 1920, designHeight = 1080, designWidthRatio = 16, designHeightRatio = 9) {
     let baseWidth = document.documentElement.clientWidth
     let baseHeight = document.documentElement.clientHeight
     let appStyle = document.getElementById('app').style
     let bodyStyle = document.body.style
     let realRatio = baseWidth / baseHeight
-    let designRatio = 16 / 9 // 默认宽高比
+    let designRatio = designWidthRatio / designHeightRatio // 默认宽高比
     let scaleRate = baseWidth / designWidth
     if (realRatio > designRatio) {
         scaleRate = baseHeight / designHeight