TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/view/indexStudent.vue

<template>
  <div id="app">
    <Header></Header>
    <Master></Master>
    <div class="wrap ov bodyContent">
      <LeftStudent></LeftStudent>
      <div class="main fr">
        <h4>所在班级 > 六年级·1班</h4>
        <div class="content ov">
          <dl class="notice fl">
            <dt>班级通知 <a href="notice" class="fr">更多+</a></dt>
            <dd><a href="/noticeDetail">8月20日上午8点举行奥运知识抢答赛，请班级成员准时参加。  <img src="../assets/image/new.gif" alt=""><span>2019-05-09</span></a></dd>
            <dd><a href="">8月20日上午8点举行奥运知识抢答赛，请班级成员准时参加。  <img src="../assets/image/new.gif" alt=""><span>2019-05-09</span></a></dd>
            <dd><a href="">8月20日上午8点举行奥运知识抢答赛，请班级成员准时参加。<span>2019-05-09</span></a></dd>
            <dd><a href="">8月20日上午8点举行奥运知识抢答赛，请班级成员准时参加。<span>2019-05-09</span></a></dd>
            <dd><a href="">8月20日上午8点举行奥运知识抢答赛，请班级成员准时参加。<span>2019-05-09</span></a></dd>
          </dl>
          <dl class="word fl">
            <dt>班级寄语</dt>
            <dd>
              班级是船，学生是帆。岁月轮回，抹不去我们在这里洒下的汗水，
              挥不去我们在这里展开的笑颜。愿我们处处祥云罩野马，朝朝吉星
              伴青松。班级空间，让我们一起来书写属于自己的精彩！
            </dd>
          </dl>
        </div>
        <div class="content ov">
          <dl class="notice source fl " style="width: 100%">
            <dt>班级资源 <a href="source" class="fr">更多+</a></dt>
            <dd v-for="(item,index) in cls"><a href="/scoreL istDetail" :title="item.title"> <Icon type="ios-paper-outline" style="font-size: 18px;"/> {{item.title}}
              <b v-if="index<2"><img src="../assets/image/new.gif" alt=""></b>
              <span>发布者：{{item.author}}</span></a></dd>
          </dl>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
  import Header from '@/common/header.vue'
  import Master from '@/common/master.vue'
  import LeftStudent from '@/common/leftStudent.vue'
  import Footer from '@/common/footer.vue'

  export default {
    components: {
      Header,
      Master,
      Footer,
      LeftStudent,
    },
    data() {
      return {
        cls:[
          {
            id:'1',
            title:'五年级上册《平行四边形的面积》（袁晓萍）.MP4',
            author:'郭一凡'
          },
          {
            id:'2',
            title:'《百分数解决问题例2》教学设计（石翠兰）.docx',
            author:'王晓华'
          },
          {
            id:'3',
            title:'第五课   图形的认识与测量（第2课时）（课件）.pptx',
            author:'车明阳'
          },
          {
            id:'4',
            title:'负数的初步认识(六下第一课时）.ppt',
            author:'李思思'
          },
          {
            id:'5',
            title:'王宏伟：用比例解决问题.ppt',
            author:'王宏伟'
          },
          {
            id:'6',
            title:'圆柱与圆锥的认识 课件',
            author:'高哲'
          },
          {
            id:'7',
            title:'第五课  图形的认识与测量（第1课时）（课件）.pptx',
            author:'马雪瑞'
          },
        ]
      }
    },
    mounted() {

    }
  }
</script>