TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/components/studentList.vue

<template>
  <div class="main fr">
    <h4><a href="/">首页</a> > 学生名单</h4>
    <div class="content ov">
      <dl class="studentList fl " style="width: 100%">
        <dt>学生名单 <!--<a href="" class="fr">更多+</a>--></dt>
        <dd v-for="item in students" class="tran3">
          <a href="">
            <img src="../assets/image/head.png" alt="">
            <h4>{{item.name}}</h4>
            <i v-if="item.post">{{item.post}}</i>
            <p>{{item.num}}</p>
            <div class="contact">立即联系</div>
          </a>
        </dd>
      </dl>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data() {
      return {
        students:[
          {
            name:'周宇鑫',
            num:'201901001',
            post:'班长',
          },
          {
            name:'李明悦',
            num:'201901002',
            post:'',
          },
          {
            name:'刘佳乐',
            num:'201901003',
            post:'',
          },
          {
            name:'王启航',
            num:'201901004',
            post:'',
          },
          {
            name:'王心怡',
            num:'201901005',
            post:'',
          },
          {
            name:'王程弈',
            num:'201901006',
            post:'',
          }, {
            name:'郭文俊',
            num:'201901006',
            post:'',
          }, {
            name:'刘玉婷',
            num:'201901006',
            post:'',
          }, {
            name:'司文涛',
            num:'201901006',
            post:'',
          },
        ]
      }
    },
  }
</script>


<style scoped>

</style>