bug修改

zhongshujie

2024-10-25 ef510e10314f6d562c89b60a75c0862de4cf2d58

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

@@ -1112,38 +1112,30 @@
              </div>
            </div>
          </div>

          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>

            <p>1.抢进攻篮板球应有“冲抢”意识；抢防守篮板球应有“挡抢”意识。</p>
            <p>2.善于观察投篮未中时球反弹的方向及落点，及时抢占有利位置。</p>
          </div>

          <p class="zt-ls">（二）基本战术学练</p>
          <p class="zt-cs">夹击配合</p>

          <p>
            （1）战术方法
            两个防守者采取突然的行动，封堵和围守边角运球者或在边角停球者。
          </p>

          <span>
            （2）学练建议

            <p>
              ①半场三攻三防，对进攻方持球突破的队员，相邻防守队员协同进行夹击，另一人移动补防。
            </p>
            <p>②分成两组，做全场迎堵夹击练习。</p>
          </span>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0086-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-13 夹击配合
            </p>
          </div>

          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -1316,7 +1308,6 @@
              </div>
            </div>
          </div>

          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -1332,11 +1323,9 @@
              </div>
            </div>
          </div>

          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">五</span>  训练专项体能
          </h4>

          <p>
            想要更好地发挥自己的水平，离不开专项体能的支撑。同学们需要不断地训练并提升自己的专项体能，为今后更好地参与篮球运动，乃至在职场中展现出更好的身体素质打牢基础。
          </p>
@@ -5350,6 +5339,7 @@
                </span>
                <span @click="toUrl(1)">乒乓球的常用术语（一）.pdf</span>
              </div>

              <div class="pdf-view">
                <span>
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -7520,6 +7510,7 @@
        </div>
      </div>
    </div>

    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
@@ -7582,15 +7573,10 @@
        isShowXyx12: false,
        isShowXyx13: false,
        isShowXyx14: false,



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


        score1: 0,
        score2: 0,
        score3: 0,
@@ -8273,10 +8259,7 @@
  },

  created() {

    if (!this.isSearch) {


      this.getVideo(this.chapter003.videoMd5.v8.md5, 'v8')
      this.getVideo(this.chapter003.videoMd5.v9.md5, 'v9')
      this.getVideo(this.chapter003.videoMd5.v10.md5, 'v10')
@@ -8290,7 +8273,6 @@
      this.getVideo(this.chapter003.videoMd5.v18.md5, 'v18')
      this.getVideo(this.chapter003.videoMd5.v19.md5, 'v19')
      this.getVideo(this.chapter003.videoMd5.v20.md5, 'v20')

    }

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



      this.videoShow3 = true



    },
    async getVideo(md5, val) {
      const data = await getResourcePath(md5)
@@ -8353,9 +8329,7 @@
    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')
@@ -8363,9 +8337,6 @@
        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
@@ -8376,11 +8347,7 @@
    activityXyx20() {
      this.isShowXyx020 = !this.isShowXyx020


      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')
@@ -8415,26 +8382,12 @@
          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
@@ -8494,7 +8447,6 @@
        this.getVideo(this.chapter003.videoMd5.v36.md5, 'v36')
        this.getVideo(this.chapter003.videoMd5.v37.md5, 'v37')
      }


      this.chapter003.isShowXyx15 = true

@@ -8620,92 +8572,3 @@
  },
}
</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>
<style lang="less" scoped>
// b {
//     color: #F79447;
// }

.imgBox {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;


    .img {
        position: absolute !important;
        left: 40% !important;
        bottom: -10% !important;
    }

    img {
        height: 80%;
    }
}
</style>