modal2-comp.js 1.14 KB
/**
 * 组件描述:官网通用模态窗 第二类
 * PC端样式为左图标右文案
 * 主要用于错误提示
 */

export default {
	props: {
		// 是否显示组件
		visible: {
			type: Boolean,
			default: true,
		},
		// 标题名称 需要再 assets/images/common/ 目录下添加图标
		icon: {
			type: String,
			default: "succ",
		},
		// 文案
		content: {
			type: String,
			default: "",
		},
		// 取消按钮回调方法
		close: {
			type: Function,
			default: null
		},
		// 点击蒙层回调方法
		overlay: {
			type: Function,
			default: null
		},
		// 模板地址
		target: {
			type: String,
			default: "",
		},
		align: {
			type: String,
			default: "",
		}
	},
	data() {
		return {
			key: 'value'
		}
	},
	components: {},
	computed: {
		locale() {
			return this.$i18n.locale || 'tc';
		},
	},
	methods: {
		// 点击关闭
		onCloseHandler() {
			if (this.close) {
				this.close();
			}
		},
		// 点击蒙层
		onOverLayHandler() {
			if (this.overlay) {
				this.overlay();
			}
		},
		toTarget() {
			if (this.target) {
				this.$emit("targetCallbak", this.target1);
			}
		},
		initData() {}
	},
	mounted() {},
	created() {}
}