TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/view/index.vue

<template>
  <div id="app">
    <Header></Header>
    <Master></Master>
    <div class="wrap ov bodyContent">
      <Left></Left>
      <div class="main fr">
        <h4>所在班级 > 六年级·1班</h4>
        <div class="content ov">
          <dl class="notice fl">
            <dt>班级通知 <a href="notice" class="fr">更多+</a></dt>
            <dd v-for="(item,index) in notice"><a href="/noticeDetail">{{item.title}}  <b v-if="index<2"><img src="../assets/image/new.gif" alt=""></b><span>{{item.date}}</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="/teachSourceDetail" :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 Left from '@/common/left.vue'
  import Footer from '@/common/footer.vue'
  export default {
    components: {
      Header,
      Master,
      Left,
      Footer
    },
    data() {
      return {
        notice:[
          {
            title:'2019年五月11日 核心素养深入研究，开拓视野精彩纷呈。',
            date:'2019-05-09'
          },
          {
            title:'5月10日上午8点举行奥运知识抢答赛，请班级成员准时参加。',
            date:'2019-05-09'
          },
          {
            title:'2019年4月28日 四年级教研活动通讯。',
            date:'2019-05-09'
          },

          {
            title:'师退生进 让学生站在教室中央。',
            date:'2019-05-09'
          },
          {
            title:'区数学高段“问题解决”专题 暨“老带青”教研活动通讯。',
            date:'2019-05-09'
          },
          {
            title:'2019年3月15日“图形的认识”专题教研活动通讯。',
            date:'2019-05-09'
          },
          // {
          //   title:'18.4.17“数学教师青年团”课堂教学能力提升培训活动简讯',
          //   date:'2019-05-09'
          // },
          // {
          //   title:'2018.9.11深入教材研究，共筑智慧课堂',
          //   date:'2019-05-09'
          // },
        ],
        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>