体育与健康页码修改

yiming

2024-08-13 29dae2d1cc402ea595b774434a40cb9379530777

体育与健康页码修改

 src/App.vue

@@ -67,7 +67,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "artAndDrama")
          : "sportsAndHealth")
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

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

@@ -1,5 +1,5 @@
<template>
    <div class="chapter" num="5">
    <div class="chapter" num="3">
        <!-- 124 -->
        <div class="page-box" page="135">
            <div v-if="showPageList.indexOf(135) > -1">
@@ -1944,7 +1944,7 @@
                    <p>（1）动作要领</p>
                    <p>持饼手自然分开，拇指和手掌平靠铁饼，其余四指末节扣住铁饼的边缘，手腕微屈，铁饼上缘微微靠于前臂。握好铁饼后，持饼臂自然放松下垂于体侧。预摆时，左手托饼于胸前，右手自然握饼，然后扩胸，持饼臂稍做外旋向后拉饼至极限位，稍做停顿还原至胸前，双手上下固定饼。可用食指或中指拨饼，摆饼过程中保持肩部放松。
                    </p>
          



                    <div class="imgBox-003 openImgBox">
@@ -2660,84 +2660,87 @@
        },
        toUrl(val) {
            if (val) {


                this.dialogVisible = true;
                this.p_md5 = this.chapter004.pdfMd5[val].md5;
                this.pdfTitle = this.chapter004.pdfMd5[val].name;
            }
        },







    },
};
</script>
<style lang="less" scoped>


.pdfModal {
  width: 100%;
  height: 90vh;
    width: 100%;
    height: 90vh;
}

.custom-dialog {
  overflow: hidden !important;
    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__body {
        padding: 0;
    }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    /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;
    .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;
    .pdfModal {
        width: 100%;
        height: 60vh;
    }
  }

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

.img {
    font-family: "FZLTXIHJW";
    text-align: center;

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

@@ -1,7 +1,7 @@
<!-- @format -->

<template>
  <div class="chapter" num="6">
  <div class="chapter" num="3">
    <div class="page-box" page="163">
      <div v-if="showPageList.indexOf(163) > -1">
        <div class="bodystyle textHeader">

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

@@ -1,5 +1,5 @@
<template>
    <div class="chapter" num="7">
    <div class="chapter" num="3">
        <div class="page-box" page="202">
            <div v-if="showPageList.indexOf(202) > -1">
                <div class="bodystyle textHeader">
@@ -5497,70 +5497,68 @@
</script>

<style lang="less" scoped>

.pdfModal {
  width: 100%;
  height: 90vh;
    width: 100%;
    height: 90vh;
}

.custom-dialog {
  overflow: hidden !important;
    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__body {
        padding: 0;
    }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    /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;
    .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;
    .pdfModal {
        width: 100%;
        height: 60vh;
    }
  }
}

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

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

@@ -1,7 +1,7 @@
<!-- @format -->

<template>
  <div class="chapter" num="8">
  <div class="chapter" num="3">
    <div class="page-box" page="227">
      <div v-if="showPageList.indexOf(227) > -1">
        <div class="bodystyle textHeader">

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

@@ -1,7 +1,7 @@
<!-- @format -->

<template>
  <div class="chapter" num="9">
  <div class="chapter" num="3">
    <div class="page-box" page="249">
      <div v-if="showPageList.indexOf(249) > -1">
        <div class="bodystyle textHeader">

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

@@ -1,7 +1,7 @@
<!-- @format -->

<template>
  <div class="chapter" num="10">
  <div class="chapter" num="3">


    <div class="page-box" page="265">
@@ -5345,6 +5345,4 @@
    }
  }
}


</style>

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

@@ -297,9 +297,11 @@
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`)
          
          if (pageDom) {
            pageDom.scrollIntoView()
          } else {

            console.log('页码错误！')
          }
        }, 500)