mobileclient/v1_5_0_C/modelPop.js

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)
    }
  }
}