yiming
2024-08-07 bac7941b8dc29e70643c44fb393c49d2eaa3015b
src/books/sportsAndHealth/view/components/chapter004.vue
@@ -749,7 +749,7 @@
                            </div>
                        </div>
                        <br />
                        <p class="public-tips">项目五 · 视频库集</p>
                        <p class="public-tips">项目一 · 视频库集</p>
                        <div class="parentVideo" v-if="chapter004.isShowXyx06">
                            <div class="videoItem" v-if="chapter004.videoShow1">
                                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
@@ -917,7 +917,7 @@
                    <span class="sub">第四单元</span>
                    <span class="sub-title">田径类运动</span>
                    <div class="line-page"></div>
                    <span class="sub-page">125</span>
                    <span class="sub-page">133</span>
                </div>
                <div class="bodystyle">
                    <h3 class="lefth3" id="c019"><img class="img-gh1" alt="" src="../../image/dy4-xm2.jpg" /></h3>
@@ -1944,8 +1944,39 @@
                    <p>(1)动作要领</p>
                    <p>持饼手自然分开,拇指和手掌平靠铁饼,其余四指末节扣住铁饼的边缘,手腕微屈,铁饼上缘微微靠于前臂。握好铁饼后,持饼臂自然放松下垂于体侧。预摆时,左手托饼于胸前,右手自然握饼,然后扩胸,持饼臂稍做外旋向后拉饼至极限位,稍做停顿还原至胸前,双手上下固定饼。可用食指或中指拨饼,摆饼过程中保持肩部放松。
                    </p>
                    <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0160-1.jpg" /></p>
                    <p class="img">图4-3-7 滚饼、摆饼、拨饼</p>
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-1.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-2.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-3.jpg" />
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img" style="color: #ac92c4; font-size: 14px">
                        图4-3-7 滚饼、摆饼、拨饼
                    </p>
                    <p>(2)学练建议</p>
                    <p>①进行原地向前滚饼练习。</p>
                    <p>②进行原地左手辅助摆饼练习。</p>
@@ -1965,8 +1996,39 @@
                    <p>①进行原地徒手模仿练习。</p>
                    <p>②进行原地掷铁饼练习。</p>
                    <p>③拓展练习:可采用弹力带进行最后用力模仿练习。</p>
                    <p class="center openImgBox"><img class="img-c" alt="" src="../../image/0160-2.jpg" /></p>
                    <p class="img">图4-3-8 原地掷铁饼</p>
                    <div class="imgBox-003 openImgBox">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-4.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-5.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../images/Unit4/p147/147-6.jpg" />
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img" style="color: #ac92c4; font-size: 14px">
                        图4-3-8 原地掷铁饼
                    </p>
                </div>
            </div>
@@ -2256,9 +2318,28 @@
                </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/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapter-04",
@@ -2274,15 +2355,22 @@
            default: false,
        },
    },
    components: {
        preView
    },
    data() {
        return {
            pdfTitle: "",
            p_md5: "",
            dialogVisible: false,
            chapter004: {
                isShowXyx01: true,
                isShowXyx02: true,
                isShowXyx03: true,
                isShowXyx04: true,
                isShowXyx05: true,
                isShowXyx06: true,
                isShowXyx06: false,
                pdfMd5: {
                    1: {
                        md5: "1002797e6b9ae3875c8f3d7f0c701199",
@@ -2420,7 +2508,7 @@
                },
                videoMd5: {
                    v1: { md5: "352cbc1c89971fc452c8688ca5f8a992", name: "1-短跑-蹲踞式起跑完整技术视频" },
                    v2: { md5: "4803428f02b601330f7d5624716b980d", name: "2-短跑-蹲踞式起跑-起跑器的安装和使用" },
                    v2: { md5: "2bdc5da55b1f854ae8dc695c23868d8c", name: "2-短跑-蹲踞式起跑-起跑器的安装和使用" },
                    v3: { md5: "80dd35f3ac8abe6202499a5afdef4c56", name: "3-短跑-绳梯练习(一步一格)" },
                    v4: { md5: "aa55472c60816861182ff2e24effa190", name: "4-短跑-绳梯练习(两步一格)" },
                    v5: { md5: "4a6797de203620b64fe35ca710bc0241", name: "5-短跑-绳梯练习(侧向移动)" },
@@ -2439,7 +2527,7 @@
                    v17: { md5: "2b9be294800d9259f6ddf48a213001e9", name: "17-短跑-体能练习-弹力带快速屈膝摆腿练习" },
                    v18: { md5: "2a3addfe72d76373097b505fa10dc62b", name: "18-短跑-体能练习-行进间单腿屈膝摆动下压练习" },
                    v19: { md5: "1869c7f1478ced073d142ea3786fbb47", name: "19-短跑-体能练习-原地单腿屈膝摆动下压练习" },
                    v20: { md5: "21e6b065503f8d06194d39d53710bf65", name: "20-短跑-体能练习-行进间两腿交替摆动下压练习" },
                    v20: { md5: "8048647da4b83d2a686fd5735dc3001e", name: "20-短跑-体能练习-行进间两腿交替摆动下压练习" },
                    v21: { md5: "b8184f0c2208f374ca1f1399eea099ca", name: "21-短跑-体能练习-弹力带蹬摆练习" },
                    v22: { md5: "8cb9a034cec1cc2be74ed1bddc6b18b1", name: "22-中长跑-站立式起跑" },
@@ -2499,6 +2587,9 @@
        }
    },
    methods: {
        readText(val) {
            const textContent = (
                this.container ? this.container : document
@@ -2563,22 +2654,20 @@
        activityXyx11() {
            this.chapter004.isShowXyx11 = !this.chapter004.isShowXyx11;
        },
        // PDf md5 查看
        closeDialog() {
            this.dialogVisible = false;
        },
        toUrl(val) {
            if (val) {
                const obj = {
                    type: "pdf",
                    data: {
                        md5: this.chapter004.pdfMd5[val].md5,
                        title: this.chapter004.pdfMd5[val].name,
                    },
                };
                this.$emit("openPDFChange", obj);
                // this.dialogVisible = true;
                // this.p_md5 = this.chapter004.pdfMd5[val].md5;
                // this.pdfTitle = this.chapter004.pdfMd5[val].name;
                this.dialogVisible = true;
                this.p_md5 = this.chapter004.pdfMd5[val].md5;
                this.pdfTitle = this.chapter004.pdfMd5[val].name;
            }
        },
    },
};
</script>