版本1.2.3

components/plate-number-picker/plate-number-picker.vue

@@ -1,25 +1,29 @@
 <template>
-	<view class="cu-modal bottom-modal" :class="modalName">
+	<view class="cu-modal bottom-modal " :class="modalName">
 		<view class="cu-dialog">
-			<view class="cu-bar bg-white">
+			<view class="cu-bar bg-white solid-top shadow-top">
 				<view class="action text-green" @tap="hideModal">确定</view>
 				<view class="action text-blue" @tap="deleteInput">删除</view>
 			</view>
 			<view class="padding-xs">
 				<view class="grid " v-if="showPlateList">
 					<view class="padding-sm margin-xs solid bg-white" v-for="item in ChineseList" @tap="select(item)" :key="item.id">
-						<text>
+						<text class="text-lg">
 							{{item.name}}
 						</text>
 					</view>
 				</view>
 				<view class="grid " v-if="showInputList">
 					<view class="padding-sm margin-xs solid bg-white" v-for="item in inputList" @tap="selectText(item)" :key="item.id">
-						<text>
+						<text class="text-lg">
 							{{item.name}}
 						</text>
 					</view>
-					<text @tap="onDeleteInput" class="cuIcon-close"></text>
+					<view class="padding-sm  margin-xs solid bg-orange light" @tap="clearAll">
+						<text>
+							重输
+						</text>
+					</view>
 				</view>
 			</view>
 		</view>
@@ -323,7 +327,22 @@
 				]
 			}
 		},
+		watch: {
+			plateText: {
+				immediate: true,
+				handler(newVal, oldVal) {
+					this.plateText = newVal
+					if(!newVal){
+						this.showPlateList = true
+						this.showInputList = false
+					}
+				},
+			}
+		},
 		methods: {
+			clearAll() {
+				this.$emit('clearAll')
+			},
 			select(item) {
 				this.$emit('selectName', item.name)
 			},
@@ -349,4 +368,8 @@
 	.cu-modal {
 		background: transparent;
 	}
+
+	.shadow-top {
+		box-shadow: 0px -3px 0px rgba(26, 26, 26, 0.1);
+	}
 </style>