hebing

unknown

2024-05-30 a7f98a6d0434152d9c005a4660c3ebcee790a94c

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

@@ -204,11 +204,11 @@
            </div>
          </div>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
      </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>
    </div>
    <!-- 3 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
@@ -469,11 +469,11 @@
            </div>
          </div>
        </div>
        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
      </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>
    </div>
    <!-- 7 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
@@ -668,8 +668,7 @@
          </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"
@@ -720,33 +719,83 @@
              （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"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-two.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-three.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-four.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-five.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-six.png"
                          />
                        </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">
      </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>
    </div>
    <!-- 9 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="19">
@@ -1047,7 +1096,7 @@
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
                <img src="../../assets/images/img00021003.jpg" alt="" class="w100">
                <img style="width:70%" src="../../assets/images/img00021003.jpg" alt="" class="w100">
              </div>
            <p class="imgdescript">图1-21　选择TPC类型</p>
          </div>
@@ -1389,7 +1438,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 +1456,84 @@
                    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"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-two.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-three.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-four.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-five.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-six.png"
                          />
                        </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">
      </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>
    </div>
    <!-- 15 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="25">
@@ -1703,49 +1821,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 +1854,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 +1885,6 @@
  .p08 {
    padding: 0 8px;
  }
  // li {
  //   padding: 0 8px;
  // }
  li:last-child {
    border: 0;
  }
@@ -1843,4 +1916,10 @@
  text-indent: 0;
  padding-left: 23px;
}
.banshi {
  margin-top: 40px;
  width: 100%;
  height: 350px;
  margin: 0 auto;
}
</style>