阅读器取选中页首字改为50

闫增涛

2024-06-07 dee91930a69ba69502d9506cae3d58d72e7a152b

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

@@ -51,10 +51,12 @@
            随着后PC时代的到来，在制造业领域更注重使用符合其特定需求并带有智能的嵌入式工业控制组态软件，而嵌入式组态软件特具的按功能剪裁的特性，以及其内嵌的实时多任务操作系统，可保证整个嵌入系统体积小、成本低、实时性高、可靠性高的同时，还方便不具备嵌入式软件开发经验的用户在极短的时间内，使用嵌入式组态软件快速开发完成一个嵌入式系统，并极大地加快了嵌入式产品进入市场的速度，而且使产品具有丰富的人机界面。北京昆仑通态公司MCGS组态软件，通过大力加强对工控硬件产品的驱动支持和提升软件内部功
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">1</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">1</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 2 -->
@@ -84,19 +86,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 +113,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 +142,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,36 +171,60 @@
              </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>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">2</li>
          <li class="footer-box"></li>
        </ul>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
        <li class="footer-num">2</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 3 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
@@ -264,7 +280,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>
@@ -275,10 +295,12 @@
            （2）设备窗口是MCGS嵌入版系统与外围设备联系的媒介。设备窗口专门用来放置不同
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">3</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">3</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 4 -->
@@ -286,7 +308,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 +393,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,40 +417,56 @@
              <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>
          </div>
  

          <p class="content">
            （4）TPC7062K外部接口。接口说明如图1-9所示，串口引脚定义如图1-10所示。
          </p>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017004.jpg" alt="" class="w100">
              </div>
              <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">
              </div>
              <img
                src="../../assets/images/img00017005.jpg"
                alt="串口引脚定义"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-10　串口引脚定义</p>
          </div>
          <p class="content">
            （5）TPC7062K启动。使用24V直流电源给TPC供电，开机启动后屏幕出现“正在启动”提示进度条，此时不需任何操作自动进入工程运行界面，如图1-11所示。
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">5</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">5</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 6 -->
@@ -433,12 +474,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 +504,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,17 +516,21 @@
            </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>
          </div>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">6</li>
          <li class="footer-box"></li>
        </ul>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
        <li class="footer-num">6</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 7 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
@@ -484,8 +541,12 @@
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00019001.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00019001.jpg"
                alt="TPC7062K与三菱FX系列PLC通信接线"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-14　TPC7062K与三菱FX系列PLC通信接线</p>
          </div>
          <p class="content">评分表见表1-1。</p>
@@ -518,7 +579,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 +687,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 +698,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>
@@ -666,10 +724,12 @@
              </li>
            </ul>
          </div>
  

          <video
            v-if="videoOne"
            :src="config.resourceCtx + '/配套学习资源/p7/MCGS安装视频带音频.mp4'"
            :src="
              config.activeBook.resourceUrl +
              '/配套学习资源/p7/MCGS安装视频带音频.mp4'
            "
            webkit-playsinline="true"
            x-webkit-airplay="true"
            playsinline="true"
@@ -687,10 +747,12 @@
            在安装程序窗口中单击“安装组态软件”按钮，弹出安装程序窗口。单击“下一步”按钮，启动安装程序，如图1-16所示。
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">7</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">7</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 8 -->
@@ -698,7 +760,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">
@@ -720,33 +786,71 @@
              （6）安装完成后，Windows操作系统的桌面上添加了如图1-20所示的两个快捷方式图标，分别用于启动MCGS嵌入式组态环境和模拟运行环境。
            </p>
            <div class="qrbodyPic">
              <el-carousel
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in bonesList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="bonesList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi 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="../../assets/images/carousel-one.png"
                          alt="MCGS安装程序窗口"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <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%">
                        <img
                          src="../../assets/images/carousel-three.png"
                          alt="指定安装目录"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <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%">
                        <img
                          src="../../assets/images/carousel-five.png"
                          alt="驱动安装程序"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/carousel-six.png"
                          alt="组态环境和模拟运行环境快捷方式图标"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">8</li>
          <li class="footer-box"></li>
        </ul>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
        <li class="footer-num">8</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 9 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="19">
@@ -785,7 +889,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">
@@ -849,33 +954,19 @@
            </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"
                    >
                      <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>
                    </svg>
                    <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="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>
                <div>
@@ -886,33 +977,19 @@
                <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"
                    >
                      <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>
                    </svg>
                    <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="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>
                <div>
@@ -923,33 +1000,19 @@
                <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"
                    >
                      <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>
                    </svg>
                    <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="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>
                <div>
@@ -960,36 +1023,22 @@
                <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"
                    >
                      <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>
                    </svg>
                    <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="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>
  

                <div>
                  <span>硬件教程</span>
                </div>
@@ -1039,37 +1088,48 @@
              active="true"
            />，打开嵌入版组态软件，然后按如下步骤建立工程：
          </p>
          <p class="content">
            （1）选择“文件”菜单中“新建工程”命令，弹出“新建工程设置”对话框，如图1-21所示，TPC类型选择为“TPC7062K”，单击“确定”按钮。
          </p>
          <p class="content">
            （2）选择“文件”菜单中的“工程另存为”命令，弹出“文件保存”对话框，在文件名一栏内输入“常用构件使用”，单击“保存”按钮，工程创建完毕。
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
                <img src="../../assets/images/img00021003.jpg" alt="" class="w100">
          <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>
              <p class="quotation fl al-cn t0 primary-color">
                <img
                  src="../../assets/images/icon/arrow-two.png"
                  alt=""
                  class="w-45 mr-5"
                />
                <b>窗口组态</b>
              </p>
              <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>
          </div>
          <p class="quotation fl al-cn t0 primary-color">
            <img
              src="../../assets/images/icon/arrow-two.png"
              alt=""
              class="w-45 mr-5"
            />
            <b>窗口组态</b>
          </p>
          <p class="content">
            （1）在工作台中激活用户窗口，单击“新建窗口”按钮，建立新画面“窗口0”，如图1-22所示。
          </p>
              <p class="imgdescript">图1-21　选择TPC类型</p>
            </li>
          </ul>

          <p class="content">
            （2）单击“窗口属性”按钮，弹出“用户窗口属性设置”对话框，在“基本属性”选项卡，将“窗口名称”修改为“常用构件使用”，单击“确认”按钮进行保存，如图1-23所示。
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">9</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">9</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 10 -->
@@ -1077,19 +1137,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">
              </div>
                  <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>
@@ -1103,13 +1175,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>
@@ -1144,39 +1224,59 @@
          <div class="fl ju-bt">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023001.jpg" alt="" class="w100">
                </div>
                <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">
                </div>
                <img
                  src="../../assets/images/img00023002.jpg"
                  alt="按钮排列"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-27　按钮排列</p>
            </div>
          </div>
  

          <div class="qrbodyPic">
            <div class="openImgBox">
                  <img src="../../assets/images/img00023003.jpg" alt="" class="w100">
                </div>
              <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">
                </div>
                <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">
                </div>
                <img
                  src="../../assets/images/img00023005.jpg"
                  alt="标签动画组态属性设置"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-30　标签动画组态属性设置</p>
            </div>
          </div>
  

          <p class="content">
            同样的方法，添加另一个标签，“文本内容输入”文本框中输入“状态显示2：”，如图1-31所示。
          </p>
@@ -1184,10 +1284,12 @@
            （6）单击工具箱中的“输入框”按钮，在窗口按住鼠标左键，拖放出两个一定大小的“输入框”，分别摆放在“状态显示1：”标签、“状态显示2：”标签的旁边位置，如图1-32所示。
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">11</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">11</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 12 -->
@@ -1195,19 +1297,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>
@@ -1219,13 +1333,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>
@@ -1252,13 +1374,17 @@
              <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>
              </div>
            </div>
  

            <p class="content">
              ③输入框：双击“状态显示1：”标签旁边的输入框，弹出“输入框构件属性设置”对话框，在“操作属性”选项卡中，单击<img
                class="h-pic"
@@ -1284,14 +1410,22 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025001.jpg" alt="" class="w100">
                  </div>
                <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">
                  </div>
                <img
                  src="../../assets/images/img00025002.jpg"
                  alt="按下功能设置"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-37　按下功能设置</p>
            </div>
          </div>
@@ -1301,14 +1435,22 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025003.jpg" alt="" class="w100">
                  </div>
                <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">
                  </div>
                <img
                  src="../../assets/images/img00025004.jpg"
                  alt="指示灯1属性操作"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-39　指示灯1属性操作</p>
            </div>
          </div>
@@ -1333,12 +1475,16 @@
            </p>
            <div style="width: 30%">
              <div class="openImgBox">
                    <img src="../../assets/images/img00025006.jpg" alt="" class="w100">
                  </div>
                <img
                  src="../../assets/images/img00025006.jpg"
                  alt="标准USB2.0打印机线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-40　标准USB2.0打印机线</p>
            </div>
          </div>
  

          <p class="content">
            （2）方案二：网线下载。用网口下载时，先查看触摸屏IP地址，当触摸屏上电出现滚动进度条以后，单击滚动条，在启动属性查看IP地址，例如IP200.200.200.26，则设置计算机本地连接的IP地址为IP200.200.200.126，二者在同一网段，即IP前三段数字必须相同。或修改触摸屏地址，则进入触摸屏操作系统Windows
            CE，单击Windows的“开始”菜单，选择“设置”命令，运行“网络拨号与连接”，修改IP地址。
@@ -1351,10 +1497,12 @@
            />按钮，进行下载配置。单击“联机运行”按钮，连接方式选择“TCP/IP网络通信”，设置触摸屏IP与计算机IP在同一网段内，单击“通信测试”按钮，通
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">13</li>
          <li class="footer-box"></li>
        </ul>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">13</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 14 -->
@@ -1362,7 +1510,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>
@@ -1389,7 +1541,7 @@
              除了下载到TPC进行模拟调试外，可以在计算机上进行模拟运行。选择“模拟运行”，单击“工程下载”按钮后进入运行环境。按下“指示灯1”按钮，如图1-45所示，“指示灯1”变绿，“状态显示1：”为“1”，松手后复位；按下“指示灯2”按钮，如图1-46所示，“指示灯2”变绿，“状态显示2：”为“1”。
            </p>
            <div class="qrbodyPic">
              <el-carousel
              <!-- <el-carousel
                trigger="click"
                class="img-carousel carousel-image"
                arrow="always"
@@ -1407,15 +1559,72 @@
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              </el-carousel> -->
              <div class="banshi 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="../../assets/images/img-list-one.png"
                          alt="选择“联机运行”和“通信测试”"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <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%">
                        <img
                          src="../../assets/images/img-list-three.png"
                          alt="触摸“指示灯1”按钮"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <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%">
                        <img
                          src="../../assets/images/img-list-five.png"
                          alt="按下“指示灯1”按钮"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/img-list-six.png"
                          alt="按下“指示灯2”按钮"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">14</li>
          <li class="footer-box"></li>
        </ul>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
        <li class="footer-num">14</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 15 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="25">
@@ -1502,7 +1711,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">
@@ -1685,11 +1895,13 @@
            ></textarea>
          </p>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
          <li class="footer-num">15</li>
          <li class="footer-box"></li>
        </ul>
    </div>
        <div class="fl ju-ed">
          <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
            <li class="footer-num">15</li>
            <li class="footer-box"></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
@@ -1703,49 +1915,6 @@
  },
  data() {
    return {
      imgOne: require("../../assets/images/img00014001.jpg"),
      imgTwo: require("../../assets/images/img00014002.jpg"),
      imgThree: require("../../assets/images/img00014003.jpg"),
      imgFour: require("../../assets/images/img00014004.jpg"),
      imgFive: require("../../assets/images/img00015001.jpg"),
      imgSix: require("../../assets/images/img00017001.jpg"),
      imgSeven: require("../../assets/images/img00017002.jpg"),
      imgEnight: require("../../assets/images/img00017003.jpg"),
      imgNine: require("../../assets/images/img00017004.jpg"),
      imgTen: require("../../assets/images/img00017005.jpg"),
      imgEleven: require("../../assets/images/img00018001.jpg"),
      imgTwelve: require("../../assets/images/img00018002.jpg"),
      imgThirteen: require("../../assets/images/img00018003.jpg"),
      imgFourteen: require("../../assets/images/img00019001.jpg"),
      imgFifteen: require("../../assets/images/img00022001.jpg"),
      imgSixteen: require("../../assets/images/img00022002.jpg"),
      imgSeventeen: require("../../assets/images/img00022003.jpg"),
      imgEighteen: require("../../assets/images/img00022004.jpg"),
      imgNineTeen: require("../../assets/images/img00023001.jpg"),
      imgTwenty: require("../../assets/images/img00023002.jpg"),
      imgtOne: require("../../assets/images/img00023003.jpg"),
      imgtTwo: require("../../assets/images/img00023004.jpg"),
      imgtThree: require("../../assets/images/img00023005.jpg"),
      imgtFour: require("../../assets/images/img00024001.jpg"),
      imgtFive: require("../../assets/images/img00024002.jpg"),
      imgtSix: require("../../assets/images/img00024003.jpg"),
      imgtSeven: require("../../assets/images/img00024004.jpg"),
      imgtEnight: require("../../assets/images/img00024005.jpg"),
      imgtNine: require("../../assets/images/img00025001.jpg"),
      imgtTen: require("../../assets/images/img00025002.jpg"),
      imgrOne: require("../../assets/images/img00025003.jpg"),
      imgrTwo: require("../../assets/images/img00025004.jpg"),
      imgrThree: require("../../assets/images/img00025006.jpg"),
      tableOne: require("../../assets/images/img00019002.jpg"),
      videoOne: true,
      bonesList: [
        require("../../assets/images/carousel-one.png"),
        require("../../assets/images/carousel-two.png"),
        require("../../assets/images/carousel-three.png"),
        require("../../assets/images/carousel-four.png"),
        require("../../assets/images/carousel-five.png"),
        require("../../assets/images/carousel-six.png"),
      ],
      imgList: [
        require("../../assets/images/img-list-one.png"),
        require("../../assets/images/img-list-two.png"),
@@ -1779,7 +1948,8 @@
</script>
<style scoped lang="less">
p {
  font-family: "Segoe UI", Arial, "宋体", SimSun, sans-serif !important;
  // font-family: "Segoe UI", Arial, "宋体", SimSun, sans-serif !important;
  font-family: "Times New Roman", "宋体", SimSun, sans-serif !important;
  margin: 0;
  text-align: justify;
}
@@ -1809,9 +1979,6 @@
  .p08 {
    padding: 0 8px;
  }
  // li {
  //   padding: 0 8px;
  // }
  li:last-child {
    border: 0;
  }
@@ -1843,4 +2010,10 @@
  text-indent: 0;
  padding-left: 23px;
}
.banshi {
  margin-top: 40px;
  width: 100%;
  height: 350px;
  margin: 0 auto;
}
</style>