mall-web-ssr/components/applyPurchase/articleThree.vue

<template>
  <div class="article_three">
    <div class="get_business">
      <a @click="showRemindBox = true">查看 &nbsp; 》</a>
    </div>
    <!--弹出框-->
    <el-dialog
      :visible.sync="showRemindBox"
      width="1190px">
      <span>这是一段信息</span>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="showRemindBox = false">去维护个人产品 》</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        showRemindBox: false
      }
    },
    mounted () {

    },
    methods: {

    }
  }
</script>
<style lang="scss">
  .article_three{
    position:relative;
    border-radius:5px;
    border:1px solid #d2d2d2;
    margin-bottom:20px;
    .get_business{
      padding-top:275px;
      height:340px;
      background: url(/images/applyPurchase/business_banner.png)no-repeat center;
      > a{
        width: 130px;
        height: 30px;
        line-height: 30px;
        background: #2496f1;
        color: #fdfdfd;
        font-size: 14px;
        display: block;
        border-radius: 3px;
        cursor: pointer;
        text-align: center;
        margin:0 auto;
      }
    }

  }
</style>