parentNew/src/pages/studentcenter/works.vue

<template>
  <view class="page">
    <cu-custom :isBack="true" title="课堂作品"></cu-custom>
    <scroll-view scroll-y="true" :style="[{ height: 'calc(100vh - ' + topHeader + 'px)' }]">
      <view class="content">
        <view class="course-img">
          <swiper class="swiper" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval" :duration="swiper.duration">
            <swiper-item v-for="(item, index) in detail.course_data.image" :key="index">
              <view class="swiper-item">
                <image :src="item" mode="widthFix"></image>
              </view>
            </swiper-item>
          </swiper>
        </view>
        <view>
          <view class="title margin-top-sm">课堂作品</view>
          <view class="list" v-if="detail.student_comment_data">
            <view class="cu-card case" v-for="(item, index) in detail.student_comment_data.data" :key="index">
              <view class="cu-item shadow">
                <view class="image">
                  <view v-for="(img, i) in item.images" :key="i">
                    <image :src="img" v-if="checkTypes(img, 'imgs')" mode="aspectFit" style="width: 100%;"></image>
                    <video :src="img" v-if="checkTypes(img, 'video')" style="width: 100%;"></video>
                  </view>
                  <view class="margin-bottom-xs">老师点评：{{ detail.teach_review_data.data[0].msg }}</view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
import { checkTypes } from '@/common/utils/index'
export default {
  data() {
    return {
      topHeader: this.globalCustomBarHeight,
      detail: {},
      swiper: {
        indicatorDots: true,
        autoplay: true,
        interval: 2000,
        duration: 500
      }
    }
  },
  onLoad() {
    this.init()
  },
  methods: {
    checkTypes,
    init() {
      this.detail = JSON.parse(uni.getStorageSync('daily_class'))
    }
  }
}
</script>

<style lang="scss" scoped>
.page {
  height: 100vh;
}
</style>