体育与健康pdf修改3

yiming

2024-08-15 8f526fbf0d8fe16d1b396f3fce710b9e7f64e353

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

@@ -1149,6 +1149,9 @@
          <div class="subsectionContent">
            （2）学练建议
            <div class="subsectionContent">
              ①陆上模仿练习。
            </div>
            <div class="subsectionContent">
              单臂划手与呼吸的配合练习：呈弓步站立于池边，一只手撑住膝关节，另一只手划臂同
              时配合呼吸。此练习的目的在于掌握划臂与呼吸的配合细节动作。
            </div>
@@ -1680,6 +1683,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit7/p231/231-1.jpg" />

                  </div>
                </div>
                <div class="swiper-slide">
@@ -1690,6 +1694,7 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/Unit7/p231/231-3.jpg" />

                  </div>
                </div>
              </div>
@@ -1697,7 +1702,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>

          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 7-2-2  反蛙泳
          </p>
          <p>
            ①
            反蛙泳腿部的技术类似蛙泳。收腿结束时，两膝约宽于肩，大腿和小腿内侧向后对
@@ -1757,7 +1764,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>

          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 7-2-3  踩水
          </p>
          <p>
            两腿同时蹬夹水技术：与蛙泳腿部动作相似，大腿的动
            作幅度小。当两腿还未完全蹬直时收腿，动作要连贯。
@@ -2396,10 +2405,25 @@
        </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">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>



  </div>
</template>

<script>
import preView from '@/components/pdfview'
import { getResourcePath } from '@/assets/methods/resources'
export default {
  name: 'chapter007-page',
@@ -2415,9 +2439,14 @@
      default: false,
    },
  },
  components: {},
  components: {
    preView,
  },
  data() {
    return {
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowXyx01: false,
      isShowXyx02: false,
      isShowXyx03: false,
@@ -2547,16 +2576,14 @@

      this.chapter007.videoUrl[val] = data
    },
    closeDialog() {
      this.dialogVisible = false
    },
    toUrl(val) {
      if (val) {
        const obj = {
          type: 'pdf',
          data: {
            md5: this.chapter007.pdfMd5[val].md5,
            title: this.chapter007.pdfMd5[val].name,
          },
        }
        this.$emit('openPDFChange', obj)
        this.dialogVisible = true;
        this.p_md5 = this.chapter007.pdfMd5[val].md5;
        this.pdfTitle = this.chapter007.pdfMd5[val].name;
      }
    },

@@ -2611,4 +2638,68 @@
}
</script>

<style lang="less" scoped></style>
<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>