CusDialog.vue 默认确认 、 取消 文字

src/components/cus/CusDialog.vue

@@ -36,12 +36,12 @@
       <div class="__cus-dialog-foot" :style="`justify-content: ${footAlign};padding: ${footPadding};`">
         <slot name="foot" :close="CDClose" :submit="CDSubmit"/>
         <template v-if="footAlign === 'center'">
-          <div v-if="showSubmit" class="__cus-dialog-foot_submit __hover" @click="CDSubmit">确定</div>
-          <div v-if="showClose" class="__cus-dialog-foot_cancel __hover" @click="CDClose()">取消</div>
+          <div v-if="showSubmit" class="__cus-dialog-foot_submit __hover" @click="CDSubmit">{{submitText}}</div>
+          <div v-if="showClose" class="__cus-dialog-foot_cancel __hover" @click="CDClose()">{{closeText}}</div>
         </template>
         <template v-else>
-          <div v-if="showClose" class="__cus-dialog-foot_cancel __hover" @click="CDClose()">取消</div>
-          <div v-if="showSubmit" class="__cus-dialog-foot_submit __hover" @click="CDSubmit">确定</div>
+          <div v-if="showClose" class="__cus-dialog-foot_cancel __hover" @click="CDClose()">{{closeText}}</div>
+          <div v-if="showSubmit" class="__cus-dialog-foot_submit __hover" @click="CDSubmit">{{submitText}}</div>
         </template>
       </div>
     </div>
@@ -74,6 +74,7 @@ export default defineComponent({
     width: {default: '50%'},
     full: {default: false},
     submitText: {default: '确定'},
+    closeText: {default: '取消'},
     showClose: {default: true},
     showSubmit: {default: true},
     footAlign: {default: 'center', validator(val: string) {