52 lines
1.8 KiB
JavaScript
52 lines
1.8 KiB
JavaScript
const modelPop = {
|
|
template: `
|
|
<div class="mask" @touchmove.prevent @mousewheel.prevent v-if="show" style='display: flex;align-items: center;flex-direction: column;justify-content: center'>
|
|
<div style='width: 2.74rem;height: 2.66rem;background: #FFFFFF;border-radius: 0.15rem;text-align:center;'>
|
|
<img :src="status===1?'./img/popSuccess.png':status===3?'./img/popErr.png':'./img/popNotes.png'" alt="" style='margin-top:-0.38rem;width:100%'>
|
|
<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;margin:auto'
|
|
@click='colesFunction(1)'
|
|
>{{bottom_text}}</p>
|
|
</div>
|
|
<img v-if="status!==1" style="margin-top:0.6rem;width:0.26rem;"
|
|
src="http://lsxd-customcard-h5.oss-cn-hangzhou.aliyuncs.com/cardpwd/img/commimgs/close.png" alt=""
|
|
@click="colesFunction(0)">
|
|
</div>
|
|
`,
|
|
props: {
|
|
/* 弹窗状态 */
|
|
show: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: "领取成功"
|
|
},
|
|
text: {
|
|
type: String,
|
|
default: "恭喜您，已经领取成功啦"
|
|
},
|
|
status: {
|
|
type: Number,
|
|
default: 1
|
|
},
|
|
bottom_text: {
|
|
type: String,
|
|
default: "我知道了"
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
/* 关闭 */
|
|
colesFunction(type) {
|
|
/* type 关闭方式 */
|
|
this.$emit("update:show", false)
|
|
this.$emit("backfunction", type)
|
|
}
|
|
}
|
|
}
|