46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
|
const modelPop = {
|
||
|
|
template: `
|
||
|
|
<div class="mask" @touchmove.prevent @mousewheel.prevent v-if="show" style='display: flex;align-items: center;justify-content: center'>
|
||
|
|
<div style='width: 2.74rem;height: 2.66rem;background: #FFFFFF;border-radius: 0.15rem;text-align:center;margin-top:-1.5rem'>
|
||
|
|
<img :src="status===1?'./img/popSuccess.png':'./img/popNotes.png'" alt="" style='margin-top:-0.38rem'>
|
||
|
|
<p style='font-size: 0.23rem;font-weight: bold;color: #171717;'>{{title}}</p>
|
||
|
|
<p style='font-size: 0.15rem;color: #524D4D;margin:0.1rem 0 0.2rem'>{{text}}</p>
|
||
|
|
<p style='width: 1.99rem;height: 0.46rem;
|
||
|
|
background: #FE6344;border-radius: 0.23rem;
|
||
|
|
font-size: 0.19rem;color:#fff;line-height: 0.45rem;'
|
||
|
|
@click='colesFunction'
|
||
|
|
>我知道了</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`,
|
||
|
|
props: {
|
||
|
|
/* 弹窗状态 */
|
||
|
|
show: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
default: "领取成功"
|
||
|
|
},
|
||
|
|
text: {
|
||
|
|
type: String,
|
||
|
|
default: "恭喜您，已经领取成功啦"
|
||
|
|
},
|
||
|
|
status: {
|
||
|
|
type: Number,
|
||
|
|
default: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
/* 关闭 */
|
||
|
|
colesFunction() {
|
||
|
|
this.$emit("update:show", false)
|
||
|
|
if (this.props.status === 2) {
|
||
|
|
window.location.replace(document.referrer)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|