| | |
| | | |
| | | <div class="footer"> |
| | | <div class="cancel-dialog" @click="show = false" v-if="showCancelButton"> |
| | | {{ cancelButtonText }} |
| | | {{ $t(cancelButtonText) }} |
| | | </div> |
| | | <div class="confirm-dialog" v-if="showConfirmButton"> |
| | | {{ confirmButtonText }} |
| | | <div class="confirm-dialog" v-if="showConfirmButton" @click="confirm"> |
| | | {{ $t(confirmButtonText) }} |
| | | </div> |
| | | </div> |
| | | </van-dialog> |
| | |
| | | props: { |
| | | title: { |
| | | type: String, |
| | | default: "标题", |
| | | default: "标题" |
| | | }, |
| | | "confirm-button-text": { |
| | | type: String, |
| | | default: "确定", |
| | | default: "hj161" |
| | | }, |
| | | "cancel-button-text": { |
| | | type: String, |
| | | default: "取消", |
| | | default: "qx" |
| | | }, |
| | | "show-cancel-button": { |
| | | type: Boolean, |
| | | default: true, |
| | | default: true |
| | | }, |
| | | "show-confirm-button": { |
| | | type: Boolean, |
| | | default: true, |
| | | default: true |
| | | }, |
| | | confirm: { |
| | | type: Function, |
| | | default: () => {} |
| | | } |
| | | }, |
| | | components: { |
| | | [Dialog.Component.name]: Dialog.Component, |
| | | [Dialog.Component.name]: Dialog.Component |
| | | }, |
| | | data() { |
| | | return { |
| | | show: false, |
| | | show: false |
| | | }; |
| | | }, |
| | | closeAll() {}, |
| | | methods: {} |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | <style scoped lang="less"> |
| | | .zyd-dialog { |
| | | padding: 24px; |
| | | font-family: "PingFang SC"; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | text-align: center; |
| | | line-height: 65px; |
| | | line-height: 55px; |
| | | margin-top: 40px; |
| | | .cancel-dialog { |
| | | flex: 1; |
| | |
| | | flex: 1; |
| | | height: 100%; |
| | | padding: 0 15px; |
| | | background-color: #1989fa; |
| | | border: 1px solid #1989fa; |
| | | background-color: #c4d600; |
| | | border: 1px solid #c4d600; |
| | | color: #fff; |
| | | margin-left: 20px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |