Contract/src/views/Result.vue

<template>
  <section class="res-ctnr">
    <div class="firmlist">
      <ul>
        <li v-for="item in frimList">{{item}}<span>已实名▶</span></li>
      </ul>
      <p>添加企业认证</p>
      <router-link to="/mine/company/firmInfo" class="addicon">+</router-link>
    </div>
  </section>
</template>
<script type="text/javascript">
  export default{
    data(){
      return{
        frimList: this.$store.state.frimList
      }
    }
  }
</script>
<style scoped>
  .res-ctnr{
    margin-top: 1.066098rem;
    height: 100%;
    background-color: #E8EFF5;
    .firmlist{
      height: 13.326226rem;
      width: 8.795309rem;
      border-radius: 0.133262rem;
      margin: 0 auto;
      background-color: #fff;
      box-shadow: 0 0 20px 5px rgba(96, 192, 255, 0.35);
      position: relative;
      top: -1.599147rem;
      ul{
        width: 7.995736rem;
        margin: 0 auto;
        height: 11.327292rem;
        border-bottom: 2px solid #60c0ff;
        li{
          font-size: 0.426439rem;
          color: #1491e2;
          text-align: left;
          padding: 10px 0 10px;
          height: 0.799574rem;
          line-height: 0.799574rem;
          span{
            float: right;
            font-size: 0.319829rem;
          }
        }
      }
      p{
        font-size: 0.373134rem;
        height: 1.998934rem;
        line-height: 1.998934rem;
        color: #1491e2;
      }
      .addicon{
        display: block;
        color: #60c0ff;
        font-size: 0.799574rem;
        background-color: #fff;
        width: 1.332623rem;
        height: 1.332623rem;
        border-radius: 50%;
        line-height: 1.332623rem;
        margin: 0 auto;
        position: relative;
        top: -0.666311rem;
        box-shadow: 0 0 20px 5px rgba(96, 192, 255, 0.35);
      }
    }
  }
</style>