完善车辆管理模块

src/views/index/driverManage.vue

@@ -1,5 +1,23 @@
 <template>
   <div class="wrap">
+    <div class="navBar">
+      <van-nav-bar
+          title="司机管理"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="goPage"
+      >
+        <template slot="right">
+          <div class="rightWrap" @click="addDriver">
+            <img src="@/assets/addImg.png" />
+            <span class="addTxt">添加</span>
+          </div>
+        </template>
+      </van-nav-bar>
+    </div>
     <div class="itemWrap">
       <div class="name-status">
         <div class="namephone">王小微 / 15234345656</div>
@@ -70,6 +88,7 @@ export default {
 
 <style scoped lang="scss">
 @import '@/styles/mixin.scss';
+@import "@/styles/common.scss";
 
 .wrap {
   background: #F4F5F7;
@@ -77,6 +96,28 @@ export default {
   padding: 13px;
   @include wh(100%, 100%);
 }
+.navBar{
+  //height: 46px;
+  margin-bottom: 46px;
+  .rightWrap{
+    width: 50px;
+    height: 20px;
+    border-radius: 10px;
+    opacity: 0.7;
+    border: 1px solid #FFFFFF;
+    @include flexCenter;
+    justify-content: center;
+    img{
+      @include widHeiMar(9px,8px,4px);
+    }
+    .addTxt{
+      @include fontWeightSize(bolder,11px);
+      opacity: .7;
+      color: #FFFFFF;
+    }
+  }
+
+}
 
 .itemWrap {
   @include wh(100%, 104px);
@@ -112,7 +153,7 @@ export default {
   justify-content: space-between;
 
   .namephone {
-    @include fontWeightSize(500, 14px)
+    @include fontWeightSize(bold, 14px)
   }
 
   .twoBtn {
@@ -121,7 +162,7 @@ export default {
       width: 48px;
       @include all-height(20px);
       border-radius: 3px;
-      @include fontWeightSize(500, 12px)
+      @include fontWeightSize(bold, 12px)
     }
 
     .del {