s

src/components/mine/addressEdit.vue

 <template>
-  <div class="address2">
+  <div class="addressEdit">
     <div >
       <!-- <van-cell title="单元格" value="内容" /> -->
       <mt-field label="收货人" v-model="receiveName"></mt-field>
       <mt-field label="手机号" v-model="receiveMobile"></mt-field>
-      <mt-cell title="所在地区" :value="addressArea" @click.native="showPicker" is-link></mt-cell>
+      <mt-cell title="所在地区" id="mtcell" :value="addressArea" @click.native="showPicker" is-link></mt-cell>
       <mt-field label="详细地址" v-model="address"></mt-field>
       <div @click="onSave();buttonClick('保存地址')" class="btn">保存并使用</div>
     </div>
@@ -112,12 +112,25 @@ export default {
 
 </script>
 
-<style scoped lang="less">
+<style  lang="less">
 @import "../../util/public";
-.address2 {
+
+.addressEdit {
   background: #f5f5f9;
-  .mint-cell{color: #333333;}
-  .mint-cell-value{color: #333333;}
+  .mint-cell{color: #333333;
+  
+   }
+   #mtcell{
+    //  background: red;
+     span{color: #333333;}
+     .mint-cell-title{flex: 1;}
+     .mint-cell-value{
+       flex: 4;text-align: left;
+       span{margin-left: 26 * @toVw;}
+       }
+   }
+   .mint-field 
+  // .mint-cell-value{color: #333333;}
   .head{
     i{display: inline-block;border-radius: 50%; width: 11 * @toVw;height: 11 * @toVw; }
     padding: 13 * @toVw;