mirror of
https://github.com/doocs/md.git
synced 2025-01-24 12:54:38 +08:00
43 lines
1.0 KiB
Vue
43 lines
1.0 KiB
Vue
|
<template>
|
|||
|
|
<el-dialog title="提示" class="reset__dialog" :visible="showResetConfirm" @close="$emit('close')">
|
|||
|
|
<div class="text">
|
|||
|
|
此操作将丢失本地缓存的文本和自定义样式，是否继续?
|
|||
|
|
</div>
|
|||
|
|
<div slot="footer" class="dialog-footer">
|
|||
|
|
<el-button :type="btnType" plain @click="$emit('close')">取 消</el-button>
|
|||
|
|
<el-button :type="btnType" @click="$emit('confirm')" plain>确 定</el-button>
|
|||
|
|
</div>
|
|||
|
|
</el-dialog>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {mapState} from 'vuex';
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
showResetConfirm: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
btnType() {
|
|||
|
|
return !this.nightMode ? 'success' : 'default';
|
|||
|
|
},
|
|||
|
|
...mapState({
|
|||
|
|
nightMode: state=> state.nightMode
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="less" scoped>
|
|||
|
|
.reset__dialog {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.text {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.dialog-footer {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
</style>
|