体育与健康视频修改

yiming

2024-08-14 29758f3657c62d4317bcb54050d4b860abeb184e

 src/books/sportsAndHealth/view/components/chapter003.vue

@@ -7437,79 +7437,79 @@
                <span>{{ chapter003.videoMd5.v24.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx16">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v25"></video>
                <span>{{ chapter003.videoMd5.v25.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx16">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v26"></video>
                <span>{{ chapter003.videoMd5.v26.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx16">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v27"></video>
                <span>{{ chapter003.videoMd5.v27.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx16">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v28"></video>
                <span>{{ chapter003.videoMd5.v28.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx16">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v29"></video>
                <span>{{ chapter003.videoMd5.v29.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx17">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v30"></video>
                <span>{{ chapter003.videoMd5.v30.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx17">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v31"></video>
                <span>{{ chapter003.videoMd5.v31.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx17">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v32"></video>
                <span>{{ chapter003.videoMd5.v32.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx17">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v33"></video>
                <span>{{ chapter003.videoMd5.v33.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx17">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v34"></video>
                <span>{{ chapter003.videoMd5.v34.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx18">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v35"></video>
                <span>{{ chapter003.videoMd5.v35.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx18">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v36"></video>
                <span>{{ chapter003.videoMd5.v36.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter003.isShowXyx15">
              <div class="videoItem" v-if="chapter003.isShowXyx18">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v37"></video>
@@ -7582,7 +7582,15 @@
        isShowXyx12: false,
        isShowXyx13: false,
        isShowXyx14: false,



        isShowXyx15: false,
        isShowXyx16: false,
        isShowXyx17: false,
        isShowXyx18: false,


        score1: 0,
        score2: 0,
        score3: 0,
@@ -8265,14 +8273,9 @@
  },

  created() {

    if (!this.isSearch) {
      this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
      this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
      this.getVideo(this.chapter003.videoMd5.v3.md5, 'v3')
      this.getVideo(this.chapter003.videoMd5.v4.md5, 'v4')
      this.getVideo(this.chapter003.videoMd5.v5.md5, 'v5')
      this.getVideo(this.chapter003.videoMd5.v6.md5, 'v6')
      this.getVideo(this.chapter003.videoMd5.v7.md5, 'v7')


      this.getVideo(this.chapter003.videoMd5.v8.md5, 'v8')
      this.getVideo(this.chapter003.videoMd5.v9.md5, 'v9')
@@ -8283,71 +8286,11 @@
      this.getVideo(this.chapter003.videoMd5.v14.md5, 'v14')
      this.getVideo(this.chapter003.videoMd5.v15.md5, 'v15')
      this.getVideo(this.chapter003.videoMd5.v16.md5, 'v16')

      this.getVideo(this.chapter003.videoMd5.v17.md5, 'v17')
      this.getVideo(this.chapter003.videoMd5.v18.md5, 'v18')
      this.getVideo(this.chapter003.videoMd5.v19.md5, 'v19')
      this.getVideo(this.chapter003.videoMd5.v20.md5, 'v20')

      this.getVideo(this.chapter003.videoMd5.v21.md5, 'v21')
      this.getVideo(this.chapter003.videoMd5.v22.md5, 'v22')
      this.getVideo(this.chapter003.videoMd5.v23.md5, 'v23')
      this.getVideo(this.chapter003.videoMd5.v24.md5, 'v24')
      this.getVideo(this.chapter003.videoMd5.v25.md5, 'v25')
      this.getVideo(this.chapter003.videoMd5.v26.md5, 'v26')
      this.getVideo(this.chapter003.videoMd5.v27.md5, 'v27')
      this.getVideo(this.chapter003.videoMd5.v28.md5, 'v28')
      this.getVideo(this.chapter003.videoMd5.v29.md5, 'v29')
      this.getVideo(this.chapter003.videoMd5.v30.md5, 'v30')
      this.getVideo(this.chapter003.videoMd5.v31.md5, 'v31')
      this.getVideo(this.chapter003.videoMd5.v32.md5, 'v32')
      this.getVideo(this.chapter003.videoMd5.v33.md5, 'v33')
      this.getVideo(this.chapter003.videoMd5.v34.md5, 'v34')
      this.getVideo(this.chapter003.videoMd5.v35.md5, 'v35')
      this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36')
      this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37')

      this.getVideos(this.chapter003.video2Md5.v1.md5, 'v1')
      this.getVideos(this.chapter003.video2Md5.v2.md5, 'v2')
      this.getVideos(this.chapter003.video2Md5.v3.md5, 'v3')
      this.getVideos(this.chapter003.video2Md5.v4.md5, 'v4')
      this.getVideos(this.chapter003.video2Md5.v5.md5, 'v5')
      this.getVideos(this.chapter003.video2Md5.v6.md5, 'v6')

      setTimeout(() => {
        this.getVideos(this.chapter003.video2Md5.v7.md5, 'v7')
        this.getVideos(this.chapter003.video2Md5.v8.md5, 'v8')
        this.getVideos(this.chapter003.video2Md5.v9.md5, 'v9')
        this.getVideos(this.chapter003.video2Md5.v10.md5, 'v10')
        this.getVideos(this.chapter003.video2Md5.v11.md5, 'v11')
        this.getVideos(this.chapter003.video2Md5.v12.md5, 'v12')
      }, 1000)

      setTimeout(() => {
        this.getVideos(this.chapter003.video2Md5.v13.md5, 'v13')
        this.getVideos(this.chapter003.video2Md5.v14.md5, 'v14')
        this.getVideos(this.chapter003.video2Md5.v15.md5, 'v15')
        this.getVideos(this.chapter003.video2Md5.v16.md5, 'v16')
        this.getVideos(this.chapter003.video2Md5.v17.md5, 'v17')
        this.getVideos(this.chapter003.video2Md5.v18.md5, 'v18')
      }, 3000)

      setTimeout(() => {
        this.getVideos(this.chapter003.video2Md5.v19.md5, 'v19')
        this.getVideos(this.chapter003.video2Md5.v20.md5, 'v20')
        this.getVideos(this.chapter003.video2Md5.v21.md5, 'v21')
        this.getVideos(this.chapter003.video2Md5.v22.md5, 'v22')
        this.getVideos(this.chapter003.video2Md5.v23.md5, 'v23')
        this.getVideos(this.chapter003.video2Md5.v24.md5, 'v24')
      }, 5000)

      setTimeout(() => {
        this.getVideos(this.chapter003.video2Md5.v25.md5, 'v25')
        this.getVideos(this.chapter003.video2Md5.v26.md5, 'v26')
        this.getVideos(this.chapter003.video2Md5.v27.md5, 'v27')
        this.getVideos(this.chapter003.video2Md5.v28.md5, 'v28')
        this.getVideos(this.chapter003.video2Md5.v29.md5, 'v29')
      }, 7000)
    }

    const localData = JSON.parse(localStorage.getItem('chapter003'))
@@ -8368,7 +8311,13 @@
    },
    activityXyx1() {
      this.isShowXyx01 = !this.isShowXyx01
      this.videoShow3 = !this.videoShow3



      this.videoShow3 = true



    },
    async getVideo(md5, val) {
      const data = await getResourcePath(md5)
@@ -8403,6 +8352,22 @@

    activityXyx2() {
      this.isShowXyx02 = !this.isShowXyx02


      if (!this.isSearch && !this.chapter003.videoShow1) {

        this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
        this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
        this.getVideo(this.chapter003.videoMd5.v3.md5, 'v3')
        this.getVideo(this.chapter003.videoMd5.v4.md5, 'v4')
        this.getVideo(this.chapter003.videoMd5.v5.md5, 'v5')
        this.getVideo(this.chapter003.videoMd5.v6.md5, 'v6')
        this.getVideo(this.chapter003.videoMd5.v7.md5, 'v7')



      }

      this.chapter003.videoShow1 = true
      setTimeout(() => {
        this.chapter003.videoShow2 = true
@@ -8410,14 +8375,74 @@
    },
    activityXyx20() {
      this.isShowXyx020 = !this.isShowXyx020
      this.chapter003.isShowXyx12 = true


      if (!this.isSearch && !this.chapter003.isShowXyx12) {



        this.getVideos(this.chapter003.video2Md5.v1.md5, 'v1')
        this.getVideos(this.chapter003.video2Md5.v2.md5, 'v2')
        this.getVideos(this.chapter003.video2Md5.v3.md5, 'v3')
        this.getVideos(this.chapter003.video2Md5.v4.md5, 'v4')
        this.getVideos(this.chapter003.video2Md5.v5.md5, 'v5')
        this.getVideos(this.chapter003.video2Md5.v6.md5, 'v6')

      setTimeout(() => {
        this.chapter003.isShowXyx13 = true
          this.getVideos(this.chapter003.video2Md5.v7.md5, 'v7')
          this.getVideos(this.chapter003.video2Md5.v8.md5, 'v8')
          this.getVideos(this.chapter003.video2Md5.v9.md5, 'v9')
          this.getVideos(this.chapter003.video2Md5.v10.md5, 'v10')
          this.getVideos(this.chapter003.video2Md5.v11.md5, 'v11')
          this.getVideos(this.chapter003.video2Md5.v12.md5, 'v12')
          this.getVideos(this.chapter003.video2Md5.v13.md5, 'v13')
          this.getVideos(this.chapter003.video2Md5.v14.md5, 'v14')
          this.getVideos(this.chapter003.video2Md5.v15.md5, 'v15')
          this.getVideos(this.chapter003.video2Md5.v16.md5, 'v16')
          this.getVideos(this.chapter003.video2Md5.v17.md5, 'v17')
          this.getVideos(this.chapter003.video2Md5.v18.md5, 'v18')
      }, 1000)

      setTimeout(() => {
        this.chapter003.isShowXyx14 = true
          this.getVideos(this.chapter003.video2Md5.v19.md5, 'v19')
          this.getVideos(this.chapter003.video2Md5.v20.md5, 'v20')
          this.getVideos(this.chapter003.video2Md5.v21.md5, 'v21')
          this.getVideos(this.chapter003.video2Md5.v22.md5, 'v22')
          this.getVideos(this.chapter003.video2Md5.v23.md5, 'v23')
          this.getVideos(this.chapter003.video2Md5.v24.md5, 'v24')
          this.getVideos(this.chapter003.video2Md5.v25.md5, 'v25')
          this.getVideos(this.chapter003.video2Md5.v26.md5, 'v26')
          this.getVideos(this.chapter003.video2Md5.v27.md5, 'v27')
          this.getVideos(this.chapter003.video2Md5.v28.md5, 'v28')
          this.getVideos(this.chapter003.video2Md5.v29.md5, 'v29')

      }, 3000)





      }






      setTimeout(() => {
        this.chapter003.isShowXyx12 = true
      }, 1000)




      setTimeout(() => {
        this.chapter003.isShowXyx13 = true
      }, 3000)

      setTimeout(() => {
        this.chapter003.isShowXyx14 = true
      }, 5000)
    },
    activityXyx3() {
      this.chapter003.isShowXyx03 = !this.chapter003.isShowXyx03
@@ -8449,7 +8474,39 @@
    },
    activityXyx12() {
      this.isShowXyx12 = !this.isShowXyx12
      this.chapter003.isShowXyx15 = !this.chapter003.isShowXyx15

      if (!this.isSearch && !this.chapter003.isShowXyx15) {
        this.getVideo(this.chapter003.videoMd5.v21.md5, 'v21')
        this.getVideo(this.chapter003.videoMd5.v22.md5, 'v22')
        this.getVideo(this.chapter003.videoMd5.v23.md5, 'v23')
        this.getVideo(this.chapter003.videoMd5.v24.md5, 'v24')
        this.getVideo(this.chapter003.videoMd5.v25.md5, 'v25')
        this.getVideo(this.chapter003.videoMd5.v26.md5, 'v26')
        this.getVideo(this.chapter003.videoMd5.v27.md5, 'v27')
        this.getVideo(this.chapter003.videoMd5.v28.md5, 'v28')
        this.getVideo(this.chapter003.videoMd5.v29.md5, 'v29')
        this.getVideo(this.chapter003.videoMd5.v30.md5, 'v30')
        this.getVideo(this.chapter003.videoMd5.v31.md5, 'v31')
        this.getVideo(this.chapter003.videoMd5.v32.md5, 'v32')
        this.getVideo(this.chapter003.videoMd5.v33.md5, 'v33')
        this.getVideo(this.chapter003.videoMd5.v34.md5, 'v34')
        this.getVideo(this.chapter003.videoMd5.v35.md5, 'v35')
        this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36')
        this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37')
      }


      this.chapter003.isShowXyx15 = true

      setTimeout(() => {
        this.chapter003.isShowXyx16 = true
      }, 2000)
      setTimeout(() => {
        this.chapter003.isShowXyx17 = true
      }, 3000)
      setTimeout(() => {
        this.chapter003.isShowXyx18 = true
      }, 5000)
    },
    submit(val) {
      if (val == 1) this.isShowScore1 = true
@@ -8565,5 +8622,68 @@
</script>

<style lang="less" scoped>
.pdfModal {
  width: 100%;
  height: 90vh;
}

.custom-dialog {
  overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>