<template>
  <div class="teaching_student">

    <!--title-->
    <el-row>
      <el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
        <div class="grid-content"></div>
      </el-col>
      <el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
        <div class="title">
          <!--        {{ $t('message.news_center') }}-->
          教学工作
        </div>
        <el-row>
          <el-col :span="8">
            <hr class="hr">
          </el-col>
          <el-col :span="8">
            <div class="divider_text">Teaching and student</div>
          </el-col>
          <el-col :span="8">
            <hr class="hr">
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <!--教学工作内容-->

    <el-row>
      <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
        <div class="grid-content"></div>
      </el-col>
      <el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16" class="phe">
        <div class="tw">
          <el-row>
            <el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
              <div class="tw_time">
                <div class="tw_top">
                  28
                </div>
                <div class="tw_bottoms">
                  2021-10
                </div>
              </div>
            </el-col>
            <el-col :xs="19" :sm="19" :md="15" :lg="17" :xl="17">
              <div class="tw_context">
                <div class="tw_context_title">
                  不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
                </div>
                <div class="tw_context_text">
                  为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
                </div>
              </div>
            </el-col>
            <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
              <div class="tw_img">
                <img src="@/assets/index/teaching_student/tw1.png" alt="">
              </div>
            </el-col>
          </el-row>
          <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
        </div>
        <div class="tw">
          <el-row>
            <el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
              <div class="tw_time">
                <div class="tw_top">
                  28
                </div>
                <div class="tw_bottoms">
                  2021-10
                </div>
              </div>
            </el-col>
            <el-col :xs="19" :sm="19" :md="15" :lg="17" :xl="17">
              <div class="tw_context">
                <div class="tw_context_title">
                  不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
                </div>
                <div class="tw_context_text">
                  为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
                </div>
              </div>
            </el-col>
            <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
              <div class="tw_img">
                <img src="@/assets/index/teaching_student/tw1.png" alt="">
              </div>
            </el-col>
          </el-row>
          <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
        </div>
        <div class="tw">
          <el-row>
            <el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
              <div class="tw_time">
                <div class="tw_top">
                  28
                </div>
                <div class="tw_bottoms">
                  2021-10
                </div>
              </div>
            </el-col>
            <el-col :xs="19" :sm="19" :md="15" :lg="17" :xl="17">
              <div class="tw_context">
                <div class="tw_context_title">
                  不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
                </div>
                <div class="tw_context_text">
                  为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
                </div>
              </div>
            </el-col>
            <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
              <div class="tw_img">
                <img src="@/assets/index/teaching_student/tw1.png" alt="">
              </div>
            </el-col>
          </el-row>
          <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
        </div>
        <div class="tw">
          <el-row>
            <el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
              <div class="tw_time">
                <div class="tw_top">
                  28
                </div>
                <div class="tw_bottoms">
                  2021-10
                </div>
              </div>
            </el-col>
            <el-col :xs="19" :sm="19" :md="15" :lg="17" :xl="17">
              <div class="tw_context">
                <div class="tw_context_title">
                  不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
                </div>
                <div class="tw_context_text">
                  为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
                </div>
              </div>
            </el-col>
            <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
              <div class="tw_img">
                <img src="@/assets/index/teaching_student/tw1.png" alt="">
              </div>
            </el-col>
          </el-row>
          <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
        </div>
        <div class="tw">
          <el-row>
            <el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
              <div class="tw_time">
                <div class="tw_top">
                  28
                </div>
                <div class="tw_bottoms">
                  2021-10
                </div>
              </div>
            </el-col>
            <el-col :xs="19" :sm="19" :md="15" :lg="17" :xl="17">
              <div class="tw_context">
                <div class="tw_context_title">
                  不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
                </div>
                <div class="tw_context_text">
                  为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
                </div>
              </div>
            </el-col>
            <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
              <div class="tw_img">
                <img src="@/assets/index/teaching_student/tw1.png" alt="">
              </div>
            </el-col>
          </el-row>
          <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
        </div>
        <div class="tw">
          <el-row>
            <el-col :xs="5" :sm="5" :md="5" :lg="4" :xl="4">
              <div class="tw_time">
                <div class="tw_top">
                  28
                </div>
                <div class="tw_bottoms">
                  2021-10
                </div>
              </div>
            </el-col>
            <el-col :xs="19" :sm="19" :md="15" :lg="17" :xl="17">
              <div class="tw_context">
                <div class="tw_context_title">
                  不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
                </div>
                <div class="tw_context_text">
                  为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
                </div>
              </div>
            </el-col>
            <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
              <div class="tw_img">
                <img src="@/assets/index/teaching_student/tw1.png" alt="">
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>
    </el-row>
    <!--更多-->
    <el-row>
      <el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
        <div class="grid-content"></div>
      </el-col>
      <el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
        <div class="more">
          {{ $t('message.more') }}
        </div>
        <div class="more_img">
          <img src="@/assets/index/sy_icon_zhdl.png" alt="">
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "teaching_student",
  data(){
    return{
      width:document.documentElement.clientWidth
    }
  },
}
</script>

<style scoped lang="scss">
@import '../css/comment.css';
.teaching_student{
  margin-top: 4rem;
}
.tw {
  margin-top: 4rem;

  .tw_time {
    border-right: .2rem solid #D5D5D5;
    height: 10rem;
    width: 10rem;
    color: #1956BC;
    text-align: center;

    .tw_top {
      height: 8rem;
      width: 100%;
      line-height: 8rem;
      font-size: 5.2rem;
    }

    .tw_bottoms {
      height: 2rem;
      width: 100%;
      font-size: 1.4rem;
    }
  }

  .tw_context {

    font-family: PingFangSC-Medium, PingFang SC;
    color: #161616;

    .tw_context_title {
      font-size: 2rem;
      font-weight: 600;
      padding-right: 2rem;

    }

    .tw_context_text {
      margin-top: .8rem;
      font-size: 1.6rem;
      font-weight: 400;
    }
  }

  .tw_img {
    width: 7vw;

    img {
      width: 100%;
    }
  }

}
</style>
