T

addons/theme/stv1/_static_w3g/css/common.css

@@ -417,6 +417,26 @@ div::-webkit-scrollbar {
 	margin: 0.625rem;
 }
 
+.area_title_style {
+  width: 5.625rem;
+  flex-grow: 0;
+  flex-basis: auto;
+}
+
+.area_value_style {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  color: #969799;
+}
+
+.area_value_style_normal {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  color: #323233;
+}
+
 /*
  * Home
  */

apps/home/Tpl/default/User/address_w3g.html

@@ -2,7 +2,11 @@
 <link rel="stylesheet" href="__APP__/css/address_w3g.css">
     <div id="app" class="body">
 		<div class="layout_v">
-			<van-field v-model="name" label="收货人" placeholder="收货人" input-align="right" ></van-field>
+			<van-cell-group>
+				<van-field v-model="name" label="收货人" placeholder="收货人" input-align="right" ></van-field>
+				<van-field v-model="phone" label="联系方式" type="digit" placeholder="请输入联系电话" ></van-field>
+				<van-cell @click="onArea" title-class="area_title_style" :value-class="areaStyle" title="所在地区" is-link :value="area" ></van-cell>
+			</van-cell-group>
 		</div>
         <div class="covers"></div>
         <if condition="($data['usedCounts'] lt 10) OR ($_GET['id'] gt 0)">
@@ -111,11 +115,20 @@
 			el: '#app',
 			data: function() {
 				return {
-					name: ""
+					name: "",
+					phone: "",
+					area: ""
+				}
+			},
+			computed: {
+				areaStyle: function() {
+				  return this.area == '请选择收货地区' ? 'area_value_style' : 'area_value_style_normal'
 				}
 			},
 			methods: {
-				
+				onArea: function() {
+					
+				}
 			}
 		})