lilei 4 lat temu
rodzic
commit
725b2f2ce8
3 zmienionych plików z 93 dodań i 2 usunięć
  1. 8 1
      pages.json
  2. 78 0
      pages/toOrder/editAddress.vue
  3. 7 1
      pages/toOrder/index.vue

+ 8 - 1
pages.json

@@ -69,7 +69,14 @@
 		        "navigationBarTitleText": "提交订单",
 		        "enablePullDownRefresh": false
 		    }
-		    
+		}
+		,{
+		    "path" : "pages/toOrder/editAddress",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "修改地址",
+		        "enablePullDownRefresh": false
+		    }
 		}
         ,{
             "path" : "pages/goods/goods",

+ 78 - 0
pages/toOrder/editAddress.vue

@@ -0,0 +1,78 @@
+<template>
+	<view class="content">
+		<u-form :model="form" ref="uForm">
+			<u-form-item label="姓名"><u-input placeholder="请输入姓名" v-model="form.name" /></u-form-item>
+			<u-form-item label="电话"><u-input placeholder="请输入电话" v-model="form.mobile" /></u-form-item>
+			<u-form-item label="地址"><u-input placeholder="请输入收货地址(省+市+区+详细地址)" v-model="form.address" /></u-form-item>
+		</u-form>
+		<view class="buttons">
+			<u-button type="primary" @click="submit">提交</u-button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				form: {
+					name: '',
+					mobile: '',
+					address: ''
+				},
+				rules: {
+					name: [
+						{ 
+							required: true, 
+							message: '请输入姓名', 
+							// 可以单个或者同时写两个触发验证方式 
+							trigger: ['change','blur'],
+						}
+					],
+					mobile: [
+						{ 
+							required: true, 
+							message: '请输入电话', 
+							// 可以单个或者同时写两个触发验证方式 
+							trigger: ['change','blur'],
+						}
+					],
+					address: [
+						{
+							required: true, 
+							min: 100, 
+							message: '地址不能少于100个字', 
+							trigger: ['change','blur']
+						}
+					]
+				}
+			};
+		},
+		methods: {
+			submit() {
+				this.$refs.uForm.validate(valid => {
+					if (valid) {
+						console.log('验证通过');
+					} else {
+						console.log('验证失败');
+					}
+				});
+			}
+		},
+		// 必须要在onReady生命周期,因为onLoad生命周期组件可能尚未创建完毕
+		onReady() {
+			this.$refs.uForm.setRules(this.rules);
+		}
+	};
+</script>
+
+<style lang="scss">
+	.content{
+		padding: 0 20upx;
+		background: #FFFFFF;
+		width: 100%;
+		.buttons{
+			padding: 80upx 100upx;
+		}
+	}
+</style>

+ 7 - 1
pages/toOrder/index.vue

@@ -8,7 +8,7 @@
 				 <view class="address">陕西省西安市未央区华帝金座A座6楼</view>
 				 <view>王明 1456465455</view>
 			</view>
-			<view>
+			<view @click="editAddress">
 				<u-image height="50rpx" width="50rpx" src="/static/edit.png"></u-image>
 			</view>
 		</view>
@@ -72,6 +72,12 @@
 			//立即下单
 			toPay(){
 				
+			},
+			//修改收货地址信息
+			editAddress(){
+				uni.navigateTo({
+					url:"/pages/toOrder/editAddress"
+				})
 			}
 		},
 	}