添加省

src/components/pickerAddr.vue

@@ -3,6 +3,17 @@
 -->
 <template>
   <div class="pickerAddr u-flex">
+    <div class="select-wrap select-province">
+      省：
+      <el-select v-model="selectProvince" placeholder="请选择" disabled >
+        <!-- <el-option
+          v-for="item in vuexCityList"
+          :key="item.areaCode"
+          :label="item.areaName"
+          :value="{value:item.areaCode,label:item.areaName,areaId:item.areaId}"
+        ></el-option> -->
+      </el-select>
+    </div>
     <div class="select-wrap">
       市：
       <el-select v-model="selectCity" placeholder="请选择" @change="cityChange($event,'city')">
@@ -52,6 +63,7 @@ export default {
   components: {},
   data() {
     return {
+      selectProvince:'贵州省',
       selectCity: {},
       selectDistrict: {},
       selectStreet: {},
@@ -114,6 +126,12 @@ export default {
   .select-wrap:not(:last-of-type) {
     margin-right: 10px;
   }
+  .select-province.select-wrap{
+    /deep/ .el-input__inner{
+      cursor: pointer;
+    }
+    
+  }
   .el-select {
     width: 8vw;
     /deep/ .el-input__inner {
@@ -123,6 +141,9 @@ export default {
       &::-webkit-input-placeholder {
         color: #eee;
       }
+      &:hover{
+        border-color:var(--main-color);
+      }
     }
   }
 }