From b93b6ca9fa0385a647787c9b00f2cc3430f58a18 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 29 五月 2024 22:17:24 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/embedded/view/components/chapter001.vue | 230 +++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 157 insertions(+), 73 deletions(-)
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index f9ba615..28326db 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/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">
@@ -720,33 +720,84 @@
锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆�
</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">
+ <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">
@@ -1389,7 +1440,7 @@
闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅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 +1458,84 @@
class="open-image"
/>
</el-carousel-item>
- </el-carousel>
+ </el-carousel> -->
+ <div class="banshi openImgBox">
+ <div class="swiper-container">
+ <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 +1823,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 +1856,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;
}
@@ -1843,4 +1921,10 @@
text-indent: 0;
padding-left: 23px;
}
+.banshi {
+ margin-top: 40px;
+ width: 100%;
+ height: 350px;
+ margin: 0 auto;
+}
</style>
--
Gitblit v1.9.1