mall-web-ssr/components/base/SupplierEmpty.vue

<template>
  <div class="supplier-empty">
    <el-dialog
      title="提示"
      :visible.sync="showObj.show">
      <div class="form_dialog">
        <p><span>供应商正在完善产品信息，</span>暂时不能查看更多。 </p>
      </div>
      <span slot="footer" class="dialog-footer">
        <a type="button" @click="showObj.show = false">我知道了</a>
      </span>
    </el-dialog>
  </div>
</template>
<script>
  export default {
    props: {
      showObj: {
        type: Object,
        default: () => {
          return {
            show: false
          }
        }
      }
    }
  }
</script>
<style lang="scss">
  .supplier-empty {
    .el-dialog{
      width: 290px!important;
      .el-dialog__header{
        background: #4290f7;
        line-height: 40px;
        padding: 0 20px 0;
        display:block;
        .el-dialog__title{
          color:#fff;
        }
        .el-dialog__headerbtn:hover .el-dialog__close, .el-dialog__headerbtn:focus .el-dialog__close{
          color:#fff;
        }
      }
      .el-dialog__body{
        padding: 10px 20px;
      }
      .el-dialog__footer{
        text-align: center;
        a{
          display:inline-block;
          background: #3c7cf5;
          color:#fff;
          font-size: 14px;
          line-height: 30px;
          height:30px;
          padding:0 10px;
          border-radius:5px;
        }
      }
    }
    .form_dialog{
      p{
        width:200px;
        font-size: 14px;
        color:#666666;
        margin:0 auto;
        padding-top:5px;
        line-height: 20px;
        span{
          color:#eb6054;
        }
      }
    }
  }
</style>