Browse Source

性别选择

zhupeng 3 years ago
parent
commit
71a71a3ead
1 changed files with 6 additions and 3 deletions
  1. 6 3
      pages/login/step1.vue

+ 6 - 3
pages/login/step1.vue

@@ -14,12 +14,12 @@
 				</view>
 				<view class="jpLogin-sex">
 					<view class="jpLogin-sex-item">
-						<u-image class="newsList-img" src="/static/img/sexMan.png" height="200" width="200" border-radius="10"></u-image>
+						<u-image class="newsList-img" :src="form.sex=='male'?'/static/img/sexMan.png':'/static/img/sexMan2.png'" height="200" width="200" border-radius="10" @click="changeSex('male')"></u-image>
 						<!-- <u-image class="newsList-img" src="/static/img/sexMan2.png" height="200" width="200" border-radius="10"></u-image> -->
 					</view>
 					<view class="jpLogin-sex-item">
 						<!-- <u-image class="newsList-img" src="/static/img/sexWoman.png" height="200" width="200" border-radius="10"></u-image> -->
-						<u-image class="newsList-img" src="/static/img/sexWoman2.png" height="200" width="200" border-radius="10"></u-image>
+						<u-image class="newsList-img" :src="form.sex=='female'?'/static/img/sexWoman.png':'/static/img/sexWoman2.png'"  height="200" width="200" border-radius="10" @click="changeSex('female')"></u-image>
 					</view>
 				</view>
 				<view class="form-tit">
@@ -95,7 +95,7 @@
 				personal_info:{},
 				form: {
 //					name: '',			
-					sex:'',		
+					sex:'male',		
 					birthday:"",
 					height:'',
 					weight:'',
@@ -165,6 +165,9 @@
 			
 		},
 		methods: { 
+			changeSex(sex){
+				this.form.sex = sex;
+			},
 			birthdayChange(){
 				this.$refs.mpvueDatePicker.show()
 			},