diff --git a/components/region-select/index.vue b/components/region-select/index.vue
index f4fefc0..674ba72 100644
--- a/components/region-select/index.vue
+++ b/components/region-select/index.vue
@@ -32,6 +32,13 @@
         </picker-view>
       </div>
       <div class="popup-footer">
+        <button
+          v-if="showCancelButton"
+          class="popup-btn popup-cancel"
+          @click="handleClose"
+        >
+          取消
+        </button>
         <button class="popup-btn popup-confirm" @click="handleConfirm">
           确认
         </button>
@@ -50,6 +57,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    showCancelButton: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -208,6 +219,7 @@ export default {
     },
     handleClose() {
       this.popupVisible = false
+      this.$emit('cancel')
     },
     async handleConfirm() {
       const [pIndex, cIndex, dIndex] = this.pickerValue
diff --git a/pages/mine/region/index.vue b/pages/mine/region/index.vue
index 2efdc48..76a062c 100644
--- a/pages/mine/region/index.vue
+++ b/pages/mine/region/index.vue
@@ -101,6 +101,7 @@
       @success="successHandle"
       :autoTrigger="false"
       ref="regionSelect"
+      showCancelButton
     />
   </view>
 </template>