手机端的字体样式

src/components-app/base/dk-app-nav-bar/dk-app-nav-bar.vue

@@ -71,22 +71,23 @@ export default {
 
 <style lang="scss">
 .van-nav-bar {
-  background-color: #2E406B;
+  background-color: #2E406B !important;
 }
 
 .van-nav-bar__title {
-  color: white;
+  color: white!important;
 }
 
 .van-nav-bar__text {
-  color: white;
+  color: white!important;
 }
 
 .van-nav-bar .van-icon {
-  color: white;
+  color: white!important;
 }
 
 .ivu-loading-bar-inner-color-primary {
-  background-color: #2E406B;
+  background-color: #2E406B!important;
+  height: 0;
 }
 </style>

src/components-app/base/dk-app-popup/dk-app-popup.vue

@@ -10,7 +10,7 @@
               <van-image width="40" height="40" :src="item.imagePath"/>
             </div>
             <div style="margin-top: 9px;">
-              <div style="font-size: 12px">{{item.gridName}}</div>
+              <div class="van-grid-item__text">{{item.gridName}}</div>
             </div>
           </van-grid-item>
         </van-grid>

src/font-less/font-large.less

@@ -0,0 +1,36 @@
+@import "~vant/lib/index.less";
+
+@font-title: 18px;
+@font_size : 14px;
+@font-content : 16px;
+
+
+/* 导航字体大小 */
+.van-nav-bar__title{
+  font-size: @font-title !important;
+}
+/* 导航左右字体大小 */
+.van-nav-bar__left, .van-nav-bar__right{
+  font-size: @font-content !important;
+}
+/* cell  field 值大小 */
+.van-field__control{
+  font-size: @font-content ;
+}
+/* cell label 字体大小 */
+.van-cell{
+  font-size: @font-content ;
+}
+/* button 字体大小 */
+.van-button{
+  font-size: @font-title !important;
+}
+/* van-grid-item 字体大小 */
+.van-grid-item__text {
+  font-size: @font_size ;
+}
+/* van-tab 字体大小 */
+.van-tab{
+  font-size: @font-content ;
+}
+

src/font-less/font-middle.less

@@ -0,0 +1,36 @@
+@import "~vant/lib/index.less";
+
+@font-title: 17px;
+@font_size : 13px;
+@font-content : 15px;
+
+
+/* 导航字体大小 */
+.van-nav-bar__title{
+  font-size: @font-title !important;
+}
+/* 导航左右字体大小 */
+.van-nav-bar__left, .van-nav-bar__right{
+  font-size: @font-content !important;
+}
+/* cell  field 值大小 */
+.van-field__control{
+  font-size: @font-content ;
+}
+/* cell label 字体大小 */
+.van-cell{
+  font-size: @font-content ;
+}
+/* button 字体大小 */
+.van-button{
+  font-size: @font-title !important;
+}
+/* van-grid-item 字体大小 */
+.van-grid-item__text {
+  font-size: @font_size ;
+}
+/* van-tab 字体大小 */
+.van-tab{
+  font-size: @font-content ;
+}
+

src/font-less/font-normal.less

@@ -0,0 +1,36 @@
+@import "~vant/lib/index.less";
+
+@font-title: 16px;
+@font_size : 12px;
+@font-content : 14px;
+
+
+/* 导航字体大小 */
+.van-nav-bar__title{
+  font-size: @font-title !important;
+}
+/* 导航左右字体大小 */
+.van-nav-bar__left, .van-nav-bar__right{
+  font-size: @font-content !important;
+}
+/* cell  field 值大小 */
+.van-field__control{
+  font-size: @font-content ;
+}
+/* cell label 字体大小 */
+.van-cell{
+  font-size: @font-content ;
+}
+/* button 字体大小 */
+.van-button{
+  font-size: @font-title !important;
+}
+/* van-grid-item 字体大小 */
+.van-grid-item__text {
+  font-size: @font_size ;
+}
+/* van-tab 字体大小 */
+.van-tab{
+  font-size: @font-content ;
+}
+

src/main.js

@@ -41,6 +41,8 @@ if (fontSize === '14') {
   import  ('./font-less/font-12.less')
 }
 
+import ('./font-less/font-normal.less')
+
 
 // 实际打包时应该不引入mock
 /* eslint-disable */

src/view-app/login/test.vue

@@ -312,4 +312,6 @@ export default {
 .van-nav-bar .van-icon {
   color: white;
 }
+
+
 </style>