proginn-frontend/components/common/showToast.vue

<template>
 <div class="showToast">
   <el-dialog
     :title="title"
     :visible.sync="isShowToast"
     width="520px"
     :center="true"
     @close="close"
   >
     <div class="content">
       {{desc}}
     </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="close">{{cancleBtnDesc||"取 消"}}</el-button>
        <el-button type="primary" @click="submit">{{submitBtnDesc || "确 定"}}</el-button>
      </span>
   </el-dialog>
 </div>
</template>

<script>
  export default {
    props: [ "title", "desc", "cancleBtnDesc", "submitBtnDesc", "isShowToast" ],
    components: {},
    data() {
      return {
        name: "",
        phone: "",
        mobile: this.$deviceType.isMobile()
      };
    },
    computed: {},
    mounted() {

    },
    methods: {
      close() {
        this.$emit('close')
      },
      submit() {
        this.$emit('submit')
      }
    }
  };
</script>

<style lang="scss">
  @import "~@/assets/css/scssCommon.scss";

  .showToast {
    .title {
      font-size: 19px;
      font-weight: 500;
      color: rgba(34, 34, 34, 1);
      line-height: 26px;
      text-align: center;
    }
    .content {
      line-height: 21px;
      font-size: 15px;
      text-align: center;
    }
  }
</style>