嵌入式优化

闫增涛

2024-05-31 574ab216e6d4c9e9865801e3ccc0fa032b28b475

嵌入式优化

 src/books/English/assets/main.less

@@ -676,6 +676,9 @@
  .fl {
    display: flex;
  }
  .fw-wr {
    flex-wrap: wrap;
  }
  .ju-bt {
    justify-content: space-between;
  }
@@ -841,7 +844,7 @@
  }
  .parimary-btn {
    min-width: 80px;
    min-height: 28px;
    height: 30px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #0bab87;

 src/books/English/view/components/chapter001.vue

@@ -830,11 +830,19 @@
                >
              </p>
            </div>
            <ul class="w100 fl fw-wr">
              <li>
            <p>get selected as ...被选为……</p>
            <p>(a) variety of ...各种各样的……</p>
            <p>come across å¶é‡ï¼›ç¢°åˆ°</p>
              </li>
              <li>
            <p>be curious about ...对……感到好奇</p>
            <p>along the way æ²¿é€”</p>
              </li>
            </ul>
            
            
            <div class="bj-note">
              <p class="m0"><b class="fz-18">Notes:</b></p>
              <p class="m0">
@@ -1664,7 +1672,7 @@
            </div>
            <div class="resource-primary-border" style="padding: 8px">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper-ppt">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
@@ -1804,9 +1812,9 @@
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                   <!-- æ˜¾ç¤ºå½“前页和总页数的元素 -->  
                  <div class="pagination-info"></div> 
                </div>
                <!-- æ˜¾ç¤ºå½“前页和总页数的元素 -->
                <div class="pageBox">{{ pageNum }} / {{ total }}</div>
              </div>
            </div>
          </div>
@@ -2298,13 +2306,24 @@

<script>
import getResourcePath from "@/assets/methods/resources";

import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
export default {
  name: "chapter-one",
  props:{
    showPageList:{
      type:Array
      type: Array,
    },
  },
  watch: {
    showPageList: {
      handler(newVal, oldVal) {
        if (newVal.indexOf(14) > -1) {
          console.log("页码", newVal, oldVal);
          this.setSwiper();
    }
      },
    },
  },
  data() {
    return {
@@ -2316,6 +2335,8 @@
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      pageNum: "1",
      total: "27",
      questionData: {
        warnUp: {
          one: {
@@ -2480,7 +2501,7 @@
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    changeTestData() {
      localStorage.removeItem("english-testOne")
      localStorage.removeItem("english-testOne");
      this.testData = {
        check:[],
        tx: {
@@ -2524,7 +2545,7 @@
          four: "",
          five: "",
        },
      }
      };
    },
    setBookQuestion() {
      localStorage.setItem(
@@ -2594,11 +2615,11 @@
      this.dropdownData = dropdownDatas;
    },
    changeDropdown() {
      localStorage.removeItem("english-dropdown-one")
      localStorage.removeItem("english-dropdown-one");
      for(let key in this.dropdownData) {
        const item =  this.dropdownData[key]
        item.value = ""
        item.isRight = null
        const item = this.dropdownData[key];
        item.value = "";
        item.isRight = null;
      }
    },
    setDropdownData() {
@@ -2609,7 +2630,52 @@
    },
    saveData() {
      console.log(this.testData);
    }
    },
    setSwiper() {
      const that = this;
      const dom = document.querySelector(".swiper_ppt");
      console.log("dom", dom);
      new Swiper(dom, {
        loop: false, // æ— ç¼
        autoplay: false,
        paginationClickable: true,
        slidesPerView: 1, // ä¸€ç»„三个
        spaceBetween: 30, // é—´éš”
        // å¦‚果需要前进后退按钮
        navigation: {
          nextEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-next"
          ),
          prevEl: (this.container ? this.container : document).querySelector(
            ".swiper-button-prev"
          ),
        },
        // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
        observer: true,
        observeParents: true,
        on: {
          slideChange: function (value) {
            console.log("ppt页码", value);
            let currentPage = value.activeIndex + 1; // èŽ·å–当前页（从1开始计数）
            let totalPages = value.slides.length; // èŽ·å–总页数
            // this.changePage(currentPage)
            that.pageNum = currentPage;
            this.total = totalPages;
            console.log(this.pageNum, this.total);
          },
          // slideChangeTran sitionStart:function (value) {
          //   // æ¯å½“滑块改变时触发，更新当前页和总页数的显示
          //   let currentPage = value.activeIndex + 1; // èŽ·å–当前页（从1开始计数）
          //   let totalPages = value.slides.length; // èŽ·å–总页数
          //   var paginationInfoEl = document.querySelector('.pagination-info');
          //   paginationInfoEl.textContent = currentPage + '/' + totalPages;
          // }
        },
      });
    },
    changePage(value) {
      this.pageNum = value;
    },
  },
};
</script>
@@ -2646,7 +2712,7 @@
  font-size: 14px;
  border-width: 1px;
  min-width: 80px;
  min-height: 28px;
  height: 30px;
  background-color: #fff;
  &:hover {
    background-color: #0bab87;
@@ -2654,11 +2720,19 @@
  }
}
.banshi {
  position: relative;
  margin-top: 40px;
  width: 100%;
  height: 350px;
  margin: 0 auto;
}
.pageBox {
  z-index: 9999999999;
  color: #999;
  position: absolute;
  left: 48%;
  bottom: 0px;
}
select {
  height: 24px;
}

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

@@ -559,43 +559,6 @@
          // }
        });
      }
      // swiper-container
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // æ— ç¼
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
          spaceBetween: 30, // é—´éš”
          // å¦‚果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on:{
            slideChangeTransitionStart:function (value) {
              // æ¯å½“滑块改变时触发，更新当前页和总页数的显示  
              let currentPage = value.activeIndex + 1; // èŽ·å–当前页（从1开始计数）  
              let totalPages = value.slides.length; // èŽ·å–总页数 
              var paginationInfoEl = document.querySelector('.pagination-info');
              paginationInfoEl.textContent = currentPage + '/' + totalPages;   
            }
          }
        });
        
      }
    },
    initViewer() {
      const doms = (

 src/books/childHealth/view/content/index.vue

@@ -631,33 +631,6 @@
          // }
        });
      }
      // swiper-container
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // æ— ç¼
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
          spaceBetween: 30, // é—´éš”
          // å¦‚果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
        });
      }
    },
    initViewer() {
      const doms = (

 src/books/embedded/assets/images/icon/download.svg

File was deleted

 src/books/embedded/assets/images/icon/rar(1).png

 src/books/embedded/assets/images/icon/rar.png

 src/books/embedded/assets/images/icon/word(1).png

 src/books/embedded/assets/images/icon/word.png

 src/books/embedded/assets/images/icon/ÏÂÔØ.svg

New file
@@ -0,0 +1,7 @@
<svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
  xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">
  <path
    d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
    p-id="13397"></path>
</svg>

 src/books/embedded/assets/main.less

@@ -626,6 +626,9 @@
  .fl-cl {
    flex-direction: column;
  }
  .fl-bt {
    justify-content: space-between;
  }
  .ju-cn {
    justify-content: center;
  }
@@ -676,6 +679,9 @@
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .m0 {
    margin: 0;
  }
  .m0-auto {
    margin: 0 auto;
@@ -815,6 +821,7 @@
    font-size: 14px;
  }
  .svg-btn {
    padding: 0 2px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #501438;

 src/books/embedded/view/components/chapter001.vue

@@ -84,19 +84,19 @@
                    /> -->
                    <span class="svg-btn" @click="download('工程样例')">
                      <svg
                        t="1716796212460"
                        class="theme-color icon"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -111,26 +111,21 @@
                      src="../../assets/images/icon/rar.png"
                      class="rar-icon"
                    />
                    <!-- <img
                      @click="download('管控一体样例')"
                      src="../../assets/images/icon/download.png"
                      class="downlod-icon cu-pr"
                    /> -->
                    <span class="svg-btn" @click="download('管控一体样例')">
                      <svg
                        t="1716796212460"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -145,26 +140,21 @@
                      src="../../assets/images/icon/rar.png"
                      class="rar-icon"
                    />
                    <!-- <img
                      @click="download('嵌_计划曲线样例')"
                      src="../../assets/images/icon/download.png"
                      class="downlod-icon cu-pr"
                    /> -->
                    <span class="svg-btn" @click="download('嵌_计划曲线样例')">
                      <svg
                        t="1716796212460"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -179,27 +169,51 @@
              </p>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014001.jpg"
                    alt="嵌入式组态软件系统应用于电力行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-1　嵌入式组态软件系统应用于电力行业</p>
                <p class="imgdescript">
                  å›¾1-1　嵌入式组态软件系统应用于电力行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014002.jpg"
                    alt="嵌入式组态软件系统应用于铁路行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-2　嵌入式组态软件系统应用于铁路行业</p>
                <p class="imgdescript">
                  å›¾1-2　嵌入式组态软件系统应用于铁路行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014003.jpg"
                    alt="嵌入式组态软件系统应用于橡胶行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-3　嵌入式组态软件系统应用于橡胶行业</p>
                <p class="imgdescript">
                  å›¾1-3　嵌入式组态软件系统应用于橡胶行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014004.jpg"
                    alt="嵌入式组态软件系统应用于纺织行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-4　嵌入式组态软件系统应用于纺织行业</p>
                <p class="imgdescript">
                  å›¾1-4　嵌入式组态软件系统应用于纺织行业
                </p>
              </div>
            </div>
          </div>
@@ -264,7 +278,11 @@
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
              <img src="../../assets/images/img00015001.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00015001.jpg"
                alt="用户应用系统组成"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-5　用户应用系统组成</p>
          </div>
@@ -286,7 +304,11 @@
      <div v-if="showPageList.indexOf(14) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content t0">
@@ -367,22 +389,21 @@
          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
            <img src="../../assets/images/header-one.png" alt="" />
          </div>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="">
              <!-- <el-image
                :src="imgSix"
                active="true"
                :preview-src-list="[imgSix]"
              /> -->
              <div class="openImgBox">
              <img src="../../assets/images/img00017001.jpg" alt="" class="w100">
            </div>
              <img
                src="../../assets/images/img00017001.jpg"
                alt="正视图"
                class="w100"
              />
              <p class="imgdescript">图1-6　正视图</p>
            </div>
            <div class="">
              <div class="openImgBox">
                <img src="../../assets/images/img00017002.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00017002.jpg"
                alt="背视图"
                class="w100"
              />
              <p class="imgdescript">图1-7　背视图</p>
            </div>
          </div>
@@ -392,12 +413,18 @@
              <p class="content">
                â‘ å°†å¼€å…³ç”µæº24V+端线插入TPC电源插头接线1端中，如图1-8所示。
              </p>
              <p class="content">②将开关电源24V-端线插入TPC电源插头接线2端中。</p>
              <p class="content">
                â‘¡å°†å¼€å…³ç”µæº24V-端线插入TPC电源插头接线2端中。
              </p>
              <p class="content">③使用一字头旋具将TPC电源插头螺钉锁紧。</p>
            </div>
            <div class="right">
              <div class="openImgBox">
                <img src="../../assets/images/img00017003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00017003.jpg"
                  alt="电源插头示意图及引脚定义"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-8　电源插头示意图及引脚定义</p>
            </div>
@@ -408,13 +435,21 @@
          </p>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017004.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00017004.jpg"
                alt="接口说明"
                class="w100"
              />
              </div>
            <p class="imgdescript">图1-9　接口说明</p>
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017005.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00017005.jpg"
                alt="串口引脚定义"
                class="w100"
              />
              </div>
            <p class="imgdescript">图1-10　串口引脚定义</p>
          </div>
@@ -433,12 +468,20 @@
      <div v-if="showPageList.indexOf(16) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div>
              <div class="openImgBox">
                <img src="../../assets/images/img00018001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018001.jpg"
                  alt="TPC启动过程"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-11　TPC启动过程</p>
            </div>
@@ -455,7 +498,11 @@
            </p>
            <div style="width: 90%" class="m0-auto">
              <div class="openImgBox">
                <img src="../../assets/images/img00018002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018002.jpg"
                  alt="TPC7062K与西门子S7-200系列PLC通信接线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">
                å›¾1-12　TPC7062K与西门子S7-200系列PLC通信接线
@@ -463,7 +510,11 @@
            </div>
            <div class="m0-auto" style="width: 90%">
              <div class="openImgBox">
                <img src="../../assets/images/img00018003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018003.jpg"
                  alt="TPC7062K与欧姆龙PLC通信接线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-13　TPC7062K与欧姆龙PLC通信接线</p>
            </div>
@@ -484,7 +535,11 @@
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00019001.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00019001.jpg"
                alt="TPC7062K与三菱FX系列PLC通信接线"
                class="w100"
              />
              </div>
            <p class="imgdescript">图1-14　TPC7062K与三菱FX系列PLC通信接线</p>
          </div>
@@ -518,7 +573,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -625,14 +681,10 @@
              </li>
              <li class="fl fl-cl al-cn p-10">
                <div class="fl al-end">
                  <img src="../../assets/images/icon/rar.png" class="rar-icon" />
                  <!-- <img
                    @click="
                      downloadRar('McgsPro 3.3.6.6354 SP1.3 ç»„态软件安装包')
                    "
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <img
                    src="../../assets/images/icon/rar.png"
                    class="rar-icon"
                  />
                  <span
                    class="svg-btn"
                    @click="
@@ -640,19 +692,19 @@
                    "
                  >
                    <svg
                      t="1716796212460"
                      t="1716978364001"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      p-id="13396"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                        d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                        p-id="13397"
                      ></path>
                    </svg>
                  </span>
@@ -668,7 +720,10 @@
          </div>
  
          <video
            :src="config.activeBook.resourceUrl + '/配套学习资源/p7/MCGS安装视频带音频.mp4'"
            :src="
              config.activeBook.resourceUrl +
              '/配套学习资源/p7/MCGS安装视频带音频.mp4'
            "
            webkit-playsinline="true"
            x-webkit-airplay="true"
            playsinline="true"
@@ -697,7 +752,11 @@
      <div v-if="showPageList.indexOf(18) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content">
@@ -723,62 +782,50 @@
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-one.png"
                          alt="MCGS安装程序窗口"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-two.png"
                          alt="启动安装程序"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-three.png"
                          alt="指定安装目录"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-four.png"
                          alt="选择安装设备驱动"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-five.png"
                          alt="驱动安装程序"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/carousel-six.png"
                          alt="组态环境和模拟运行环境快捷方式图标"
                          />
                        </div>
                      </div>
@@ -834,7 +881,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -898,32 +946,18 @@
            </div>
            <ul class="word-resource fl ju-ev">
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('初级教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('初级教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -935,32 +969,18 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('中级教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('中级教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -972,32 +992,18 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('驱动教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('驱动教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -1009,32 +1015,18 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('硬件教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('硬件教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                    </svg>
                  </span>
                </div>
@@ -1088,18 +1080,14 @@
              active="true"
            />，打开嵌入版组态软件，然后按如下步骤建立工程：
          </p>
          <ul class="fl fl-bt m0 p0">
            <li style="width: 58%">
          <p class="content">
            ï¼ˆ1）选择“文件”菜单中“新建工程”命令，弹出“新建工程设置”对话框，如图1-21所示，TPC类型选择为“TPC7062K”，单击“确定”按钮。
          </p>
          <p class="content">
            ï¼ˆ2）选择“文件”菜单中的“工程另存为”命令，弹出“文件保存”对话框，在文件名一栏内输入“常用构件使用”，单击“保存”按钮，工程创建完毕。
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
                <img style="width:70%" src="../../assets/images/img00021003.jpg" alt="" class="w100">
              </div>
            <p class="imgdescript">图1-21　选择TPC类型</p>
          </div>
          <p class="quotation fl al-cn t0 primary-color">
            <img
              src="../../assets/images/icon/arrow-two.png"
@@ -1111,6 +1099,19 @@
          <p class="content">
            ï¼ˆ1）在工作台中激活用户窗口，单击“新建窗口”按钮，建立新画面“窗口0”，如图1-22所示。
          </p>
            </li>
            <li style="width: 38%">
              <div class="openImgBox">
                <img
                  src="../../assets/images/img00021003.jpg"
                  alt="选择TPC类型"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-21　选择TPC类型</p>
            </li>
          </ul>

          <p class="content">
            ï¼ˆ2）单击“窗口属性”按钮，弹出“用户窗口属性设置”对话框，在“基本属性”选项卡，将“窗口名称”修改为“常用构件使用”，单击“确认”按钮进行保存，如图1-23所示。
          </p>
@@ -1126,19 +1127,31 @@
      <div v-if="showPageList.indexOf(20) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div class="fl ju-bt w100">
              <div>
                <div class="openImgBox">
                <img src="../../assets/images/img00022001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022001.jpg"
                    alt="建立新窗口"
                    class="w100"
                  />
              </div>
                <p class="imgdescript">图1-22　建立新窗口</p>
              </div>
              <div class="">
                <div class="openImgBox">
                  <img src="../../assets/images/img00022002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022002.jpg"
                    alt="窗口属性设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-23　窗口属性设置</p>
              </div>
@@ -1152,13 +1165,21 @@
            <div class="fl ju-bt">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00022003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022003.jpg"
                    alt="按钮制作"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-24　按钮制作</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00022004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022004.jpg"
                    alt="标准按钮构件属性设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-25　标准按钮构件属性设置</p>
              </div>
@@ -1193,13 +1214,21 @@
          <div class="fl ju-bt">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023001.jpg"
                  alt="按钮文字修改"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-26　按钮文字修改</p>
            </div>
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023002.jpg"
                  alt="按钮排列"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-27　按钮排列</p>
            </div>
@@ -1207,20 +1236,32 @@
  
          <div class="qrbodyPic">
            <div class="openImgBox">
                  <img src="../../assets/images/img00023003.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00023003.jpg"
                alt="添加指示灯"
                class="w100"
              />
                </div>
            <p class="imgdescript">图1-28　添加指示灯</p>
          </div>
          <div class="fl">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023004.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023004.jpg"
                  alt="制作标签"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-29　制作标签</p>
            </div>
            <div style="width: 66%">
              <div class="openImgBox">
                  <img src="../../assets/images/img00023005.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00023005.jpg"
                  alt="标签动画组态属性设置"
                  class="w100"
                />
                </div>
              <p class="imgdescript">图1-30　标签动画组态属性设置</p>
            </div>
@@ -1244,19 +1285,31 @@
      <div v-if="showPageList.indexOf(22) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div class="fl">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024001.jpg"
                    alt="制作输入框"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-31　制作输入框</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024002.jpg"
                    alt="输入框排列"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-32　输入框排列</p>
              </div>
@@ -1268,13 +1321,21 @@
            <div class="fl">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024003.jpg"
                    alt="标准按钮构件属性设置”对话框"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-33　标准按钮构件属性设置”对话框</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024004.jpg"
                    alt="控制按钮设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-34　控制按钮设置</p>
              </div>
@@ -1301,7 +1362,11 @@
              <div style="width: 40%">
                <div class="qrbodyPic">
                  <div class="openImgBox">
                    <img src="../../assets/images/img00024005.jpg" alt="" class="w100">
                    <img
                      src="../../assets/images/img00024005.jpg"
                      alt="组态错误对话框"
                      class="w100"
                    />
                  </div>
                  <p class="imgdescript">图1-35　组态错误对话框</p>
                </div>
@@ -1333,13 +1398,21 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025001.jpg"
                  alt="数据对象属性设置"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-36　数据对象属性设置</p>
            </div>
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025002.jpg"
                  alt="按下功能设置"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-37　按下功能设置</p>
            </div>
@@ -1350,13 +1423,21 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025003.jpg"
                  alt="选择数据对象指示灯"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-38　选择数据对象指示灯</p>
            </div>
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025004.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025004.jpg"
                  alt="指示灯1属性操作"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-39　指示灯1属性操作</p>
            </div>
@@ -1382,7 +1463,11 @@
            </p>
            <div style="width: 30%">
              <div class="openImgBox">
                    <img src="../../assets/images/img00025006.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00025006.jpg"
                  alt="标准USB2.0打印机线"
                  class="w100"
                />
                  </div>
              <p class="imgdescript">图1-40　标准USB2.0打印机线</p>
            </div>
@@ -1411,7 +1496,11 @@
      <div v-if="showPageList.indexOf(24) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content t0">信测试正常后，单击“工程下载”按钮。</p>
@@ -1461,62 +1550,50 @@
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-one.png"
                          alt="选择“联机运行”和“通信测试”"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-two.png"
                          alt="工程下载"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-three.png"
                          alt="触摸“指示灯1”按钮"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-four.png"
                          alt="触摸“指示灯2”按钮"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-five.png"
                          alt="按下“指示灯1”按钮"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                      <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../assets/images/img-list-six.png"
                          alt="按下“指示灯2”按钮"
                          />
                        </div>
                      </div>
@@ -1620,7 +1697,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">

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

@@ -558,33 +558,6 @@
          // }
        });
      }
      // swiper-container
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        debugger
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // æ— ç¼
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
          spaceBetween: 30, // é—´éš”
          // å¦‚果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
        });
      }
    },
    initViewer() {
      const doms = (