From fc313df21b6670656b8c0f569ad422a6628b3d22 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Wed, 12 Apr 2023 16:44:51 +0800
Subject: [PATCH] 123

---
 src/assets/img/swiper/left.png  | Bin 0 -> 1344 bytes
 src/assets/img/swiper/right.png | Bin 0 -> 1366 bytes
 src/components/Trumbs/index.vue |  44 +++++++++++++++++++++++++++++++++++++++-
 src/style.scss                  |   6 ++++++
 4 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/img/swiper/left.png
 create mode 100644 src/assets/img/swiper/right.png

diff --git a/src/assets/img/swiper/left.png b/src/assets/img/swiper/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b90065f768e64119f1eb350172862018e38e5cb
GIT binary patch
literal 1344
zcmeAS@N?(olHy`uVBq!ia0vp^!a%IZ!3HF)A5F*tQj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS=07?{;FLn2Bde0{8v^K<nQL2C3WatnaE85nHrD+&^mvr|hH
zl2X$%^K6yg@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZB<rk7%m7Q#vqGWHUU{hfQG$1#%
zBvGLvHz%*ys=`(YY_1iM4HDK@QUEI{$+lI3I4Z(7K*2e`C{@8y&p<cXz`#(!+)^*u
zz{tQP$tWc?O-I4Vz{ptNzzB$R4UMb}O{|Pe6rex}Xk$@InpKdC8`M4^&sHg;q@=(~
zU%$M(T(8_%FTW^V-_X+15@d#vkuFe$ZgFK^Nn(X=Ua>OF1ees}<f6=ilFa-(1(1n}
zN%^HEwn{+PLcEb%05>+T7#dW-K+~^CEYLU9GXQxDrqI_HztY@Xxa#7Ppj3o=u^L<)
zQdy9yACy|0Us{w5jJz~ukW~d%&PAz-CHX}m`T04pkPOJkFUc>?$S+VZGSM?u&<M}W
zOUW-U)&y(t^|kWMD=taQOHTE4u~h;Zp_iGNVr6RR;^b;!;Ot`I;%aE<>SAGGV(w&N
zVq{`$>}qOh;Re&|lAm0fo0?Yw)0=|O>w;4+C_UsB0Bv?jEy^rQO>ryA&s6~X*(wva
zTO4tk2i2Q`+bvEw_38s1qYsK%q?m>Y0h14i2~WE~4m|az<^hv@5io6U(Y)Quz`(fP
z)5S5Q;?|OBzS=H{BFA^ya?2k$6zy}-WU^07WWuDSTYD#6uVGN!xM6cj%4(fXLy6Sn
z%=F~9(i=7&>@fH--)gy^zwxts#>?wU=kNM!rGLJ7e)N2a+BK^ccO5Xh!G3)mTOhjy
zOQr$KHm1cIY<>|gh1~Dv7%sMX@%*dm3`YHP3RYo@m}aoKM(yZWWURk9QZSH3uxg31
z(o2!4%i_5vM_OC3GOyZF`Qh1qi53mr<t`z&WGZyOZ(2Pm(69IZo%ew^&LqXm>d@P<
z<xzd=4z8syc_SaxhOD_36Ta|f^D1}lM3;R&$MhH3q<@hsQ?^q5)PEvLWFn8kNn52r
z&Xj{H6@671o@VQ2{bkKN(Ec=7=tH~i>DO!p49C_O&APHm$gD|u!p0LCbqB3(JS`RW
zFFT?%xlXrPHg5X{gXD>xIV*UgD=!@mo0+0voAZq4ve-<PuLb?{Z~sv9icFpIQ0RVl
zk^7~cZ#SPfl`4^**dH49Y1y5V&v#r`TKt1CJL^>8yrMfwmk+H8FS-O2dA3+xa#_TT
z4JW=_oXoTPpy-SZ|8~?giK^~l=imA#C@^PJhu+-f_Ka){J`>~js2$Nu1eIx?u6{1-
HoD!M<vQgp^

literal 0
HcmV?d00001

diff --git a/src/assets/img/swiper/right.png b/src/assets/img/swiper/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..4139f99a07ff9053d4586fe30858693499cef87b
GIT binary patch
literal 1366
zcmeAS@N?(olHy`uVBq!ia0vp^!a%IZ!3HF)A5F*tQj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS=07?{;FLn2Bde0{8v^K<nQL2C3WatnaE85nHrD+&^mvr|hH
zl2X$%^K6yg@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZB<rk7%m7Q#vqGWHUU{hfQG$1#%
zBvGLvHz%*ys=`(YY_1iM4HDK@QUEI{$+lI3I4Z(7K*2e`C{@8y&p<cXz`#(!+)^*u
zz{tQP$tWc?O-I4Vz{ptNzzB$R4UMb}O{|Pe6rex}Xk$@InpKdC8`M4^&sHg;q@=(~
zU%$M(T(8_%FTW^V-_X+15@d#vkuFe$ZgFK^Nn(X=Ua>OF1ees}<f6=ilFa-(1(1n}
zN%^HEwn{+PLcEb%05>+T7#dW-K+~^CEYLU9GXQxDrqI_HztY@Xxa#7Ppj3o=u^L<)
zQdy9yACy|0Us{w5jJz~ukW~d%&PAz-CHX}m`T04pkPOJkFUc>?$S+VZGSM?u&<M}W
zOUW-U)&y(t^|kWMD=taQOHTE4u~h;Zp_iGNVrA-RVPRluZsKC$;%aE<>f+>NX6Wo_
z=wxPW;%sT^<^<F0lAm0fo0?Yw)0=|OYl>4ZC_UsB0Bv?jEy^rQO>ryA&s6~X*(wva
zTa0j;2i2Q`+bza8_38s1qYsK%q?m>Y0h14i2~WE~4m|az<^hv@5io797LAl-U|>Az
z>Eaktacj=Bv)V0zBFEyd>-=GyGVx6G;_WkCS{6=Nld^nDM~$kqv|;Bbb%RZz)Aps+
zOshZOl(Qx`CnthSSxNr<+UIMNrHtS2U0!FJzHHvS;&Zm&{XEzFUU;Q&PMiVrqzBhF
z_6W>i)n35Va!_H%X2IYGQZa`94Ydz$b;ULW7Myy2>i}cNjgFTU%N}rkPTP>Kwc^Ng
z9SL#1+XokRE;w~^>tVqzkM?!FGy1{}G`+6z880~I=5w5ThJfn!hLVkwLL2YTvzVf6
z__Rc^eO1S29dA3a=LVnS`9mA_y;|7QDff%rI!XDN^&BBvpC{5?Mi!I%6K33AxOl2<
zN$!!7J&iAIRzJVh@iSPCN%O<e=C#!l;nTveTU)TtU({Z^Ey*^4dy3(8J#%L<r`QDc
zDcp*+&i`jvy?*j2+$f&iJL<&#ZN4&Zo3x%~mwb87%ONB?CnCZk>fHAQBHb+B+}(1z
zH{PT%-(b6X#{7oz<LJemzr#=0h@R=({FFs^^E{`E3VmFb*-!Sl9=-Bxr<Gfh-129g
zD|MUlFSDzjyJTay^?=i+bVIJIobI0gQ)cg(&HTWJW9gHw8C`dqXU}2&nfQD9t4aC+
g_W8`Oe~2b9D13?yt?r!A0V?S{UHx3vIVCg!0D7YEGynhq

literal 0
HcmV?d00001

diff --git a/src/components/Trumbs/index.vue b/src/components/Trumbs/index.vue
index f94deb3..d1d5f96 100644
--- a/src/components/Trumbs/index.vue
+++ b/src/components/Trumbs/index.vue
@@ -24,6 +24,26 @@
           </div>
         </div>
       </swiper-slide>
+      <div
+        class="swiper-button-prev"
+        @click="preSwiper"
+        v-if="
+          (props.isCase
+            ? case_detail_img_data[industry_id]
+            : hard_img_data[hardware_id]
+          )?.length > 7 && sw.activeIndex != 0
+        "
+      ></div>
+      <div
+        class="swiper-button-next"
+        @click="nextSwiper"
+        v-if="
+          (props.isCase
+            ? case_detail_img_data[industry_id]
+            : hard_img_data[hardware_id]
+          )?.length > 7 && !sw.isEnd
+        "
+      ></div>
     </swiper>
   </div>
 </template>
@@ -44,7 +64,18 @@ import 'swiper/css/free-mode'
 import 'swiper/css/navigation'
 // import required modules
 import { FreeMode, Navigation } from 'swiper'
-
+const preSwiper = () => {
+  const { activeIndex } = sw.value
+  if (activeIndex != 0) {
+    sw.value.slidePrev(500, false)
+  }
+}
+const nextSwiper = () => {
+  const { isEnd } = sw.value
+  if (!isEnd) {
+    sw.value.slideNext(500, false)
+  }
+}
 const detailStore = useDetailStore()
 const { industry_id, hardware_id } = storeToRefs(detailStore)
 const myEmit = defineEmits(['onMySonFunc'])
@@ -79,6 +110,12 @@ const onSwiper = swiper => {
 .trumbs_container {
   width: 100%;
   height: 108px;
+  .swiper-button-prev {
+    background: url(../../assets/img/swiper/left.png) no-repeat;
+  }
+  .swiper-button-next {
+    background: url(../../assets/img/swiper/right.png) no-repeat;
+  }
   .img_card {
     min-width: 194px;
     width: 194px;
@@ -126,4 +163,9 @@ const onSwiper = swiper => {
     opacity: 1;
   }
 }
+.story-navi--prev {
+  background: #283fe7;
+  width: 20px;
+  height: 20px;
+}
 </style>
diff --git a/src/style.scss b/src/style.scss
index b60ab5d..cbe8784 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -179,3 +179,9 @@ body {
 .ignore-min-width {
   min-width: 1280px;
 }
+
+.swiper-button-next:after,
+.swiper-button-prev:after {
+  font-size: 0;
+  display: none;
+}