upload file

pageE/tool/ManicureOrder.vue

@@ -1,14 +1,18 @@
 <template>
 	<view class="manicure-order">
 		<view class="order-form">
-			<view class="order-name">
+			<!-- <view class="order-name">
 				<view>美甲人：</view>
 				<input type="text" v-model="name" />
-			</view>
+			</view> -->
 			<view class="order-date" @click="show=true">
-				<view>美甲时间：</view>
-				<img src="../static/mine/21.png" v-if="!time" />
-				<view v-else>{{ time }}</view>
+				<view class="title">美甲时间：</view>
+				<image src="../static/mine/21.png" v-if="!time"></image>
+				<view v-else class="time">{{ time }}</view>
+			</view>
+			<view class="order-address">
+				<view class="title">美甲地址：</view>
+				<input type="text" v-model="address" disabled />
 			</view>
 		</view>
 		<view class="order-btn" @click="addManicureOrder">确认订单</view>
@@ -22,6 +26,7 @@ export default {
 		return {
 			name: '',
 			time: '',
+			address: '四川省攀枝花市银江镇',
 			params: {
 				year: true,
 				month: true,
@@ -96,8 +101,11 @@ export default {
 			&:not(:last-child) {
 				margin-bottom: 2rpx;
 			}
+			.title {
+				font-size: 30rpx;
+			}
 		}
-		.order-name {
+		.order-address {
 			display: flex;
 			align-items: center;
 			> view {
@@ -105,18 +113,24 @@ export default {
 				color: rgba(51,51,51,1);
 			}
 			> input {
+				padding-left: 20rpx;
 				flex: 1;
-				text-align: right;
+				font-size: 28rpx;
 			}
 		}
 		.order-date {
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
-			> img {
+			> image {
 				width: 14rpx;
 				height :24rpx;
 			}
+			.time {
+				padding-left: 20rpx;
+				flex: 1;
+				text-align: left;
+			}
 		}
 	}
 	.order-btn {