From a66d4e228b71e25dc202ca1b65780a63c209b108 Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Thu, 8 Aug 2024 18:57:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A2=E6=9C=8D=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/home/kefu.png    | Bin 0 -> 1134 bytes
 src/components/CommonFooter.vue |  47 +++++++++++++++++---------------
 2 files changed, 25 insertions(+), 22 deletions(-)
 create mode 100644 src/assets/img/home/kefu.png

diff --git a/src/assets/img/home/kefu.png b/src/assets/img/home/kefu.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1e6d2f3e050f267994f1c3cbecb0840f13dc31f
GIT binary patch
literal 1134
zcmV-!1d;oRP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px(C`m*?RA@u(nQO>SSro^A?<YiJL{a1eGi409l#=9<+Xsa*nHi(Z$Tg8rF1eIj
zj4<WWxP3sTnam767=uVjikNY0nrKjnhAA{3Isa*&xAScKoW0L^&Pi`s_4L;J?6vm)
zzt>)C?X{i;nz%GHas0d|@UA^rrU!Zfqk%EN2S7XXR~(-K|CqlgfM0<>${=3`f$6|k
zz<`{9E&=<1?{ezZEU$-vfa}w*9ss}<L!uCoq6Ag}D^q|!2Yv@0MFbz3HJyNtKyRRJ
zir(tz|FWA)iV)ZXd~NOWDgw3*_#U|KLGTGM377}8wAStgrsZLfm%v$Ih_%51U?XrN
z&&EJcU@`EerFRY(8fq&KfrG#omf=OfH=&!QtXmj)Vw3gVAz*Td-B1FqJO3&0W5^}}
zYbF9eSnGmfB7}f~?{btW6o|2u2|l)IlTZTaZ<0ak8H5n9Pk%kIG~iT=ELjIENho@~
z;3LomxS2TptH5C3Wf61%I<0{7Kp(SKUicXJH%-?^U|f{De@-YXYuEu7fGgJ$B?e`+
zSjGdt6eX}7m~E7m>y`Tc&IKp`;;tqo$2DRHFsCSiCqR3ntRnSUemsRVjzv$5u}1SL
z(4h!{&e0?7enL@|^V>pj@+)ly79`ZVMAiR+%S=`bi~xR1D8<!LkFOW`F$HO~2Kt(n
zs`{~v1Wx58FcaA6P!bW9`zl00PdW_G0(Rvkpf`@IoU8Q9#Z|}(K)K%*J!9-Q)BkJI
zu8<1V+7yI`fzPWzA2mhl*3{LxWEr4BS0gS0X>N=a9|Ip&5C>{Q?*J;EX)?-+OQ#3K
zbdBePtB3==bahp-WVwAaTpmym$qQLhMI0zdXL$BiR+JYS#YNzC!2MQA^N|cNQ?o>E
zs3sdesln_bpr><4qpqA?Rz1-D*Vx4;7l1)N52!EIn8YV##zDya7anzgdhBIhAvM*z
zedtXsP%M-ou6EUBcM72Tlu1Beo(6_{klh3Hax6oVkH$26YG2g})=1V{=&vZPb@QMr
zBMw6DzZ1N$`5Kz}z!nFI|4duCwT$C8ZRA^3*4WM*v-k+ehWY`ubv=L<X4-ZexK<MQ
z*o>~DW=`sfRq12NOco&oO2(OLPIcud&^)oC?xwz8@bZ|l+Au&~J04Zii<Z%5Q4N^u
z=(SVteMlCn7r68X8o&zDq{OG%-Aww_rY5h9)&_wO3F4weG#>fW8iplpO*PF@^18&|
z2ZOJYzy#n(27665>>6@6y8jyji)f?is)E>_?PPgUL$dt_eEfStu;;5Hpev%EkFrD)
zxS!0&IdKSKQ569_L-ZU;li=~Wk3>}jv~SwaP@1*sO>@f!F68?v321+f%vD)GGGp>H
z=BKDqz*m`tLJqH#HC20{6p&d)-V><&h&>y;0aeqdG36*%1^@s607*qoM6N<$f=WgT
A@Bjb+

literal 0
HcmV?d00001

diff --git a/src/components/CommonFooter.vue b/src/components/CommonFooter.vue
index d4a53f7..ddbeef5 100644
--- a/src/components/CommonFooter.vue
+++ b/src/components/CommonFooter.vue
@@ -3,7 +3,7 @@
   <footer class="footer" @click="toggleMenu($event,2)">
     <!-- customer service zone -->
     <div class="cszone">
-      <a href="javascript:void(0);" @click="scbox()"><img src="../assets/img/cs_w.svg"></a>
+      <a href="javascript:void(0);" @click="scbox()"><img src="../assets/img/home/kefu.png"></a>
     </div>
 
     <div class="content">
@@ -273,7 +273,7 @@
       <!-- this customer service popup -->
       <div class="cspopup" :class='{"hidden":ispopup?"":"none"}'>
         <a href="javascript:void(0);" class="close_btn" @click="closebox();">x</a>
-        <iframe width="100%" height="100%" class="my-modal-body" :src="ifurl" frameborder="0"></iframe>
+        <iframe width="100%" height="100%" class="my-modal-body" :src="ifurl" frameborder="0" style="border-radius: 10px;"></iframe>
       </div>
 
     </div>
@@ -479,11 +479,13 @@ export default {
   position:relative;
 
   .cszone{
-    width:60px;
+    width:48px;
     position:fixed;
     bottom:10%;
     right:26px;
     z-index:999;
+	background-color: #fff;
+	border-radius: 10px;
   }
 
   .cszone img{
@@ -625,30 +627,31 @@ export default {
   }
 
   .cspopup{
-    .close_btn{
-      width:30px;
-      height:30px;
-      font-size:20px;
-      font-weight:500;
-      line-height:30px;
-      text-align:center;
-      display:block;
-      color:#fff;
-      background:#553646;
-      border-radius:50%;
-      position:absolute;
-      right:-20px;
-      top:-20px;
-      z-index:1000;
-    }
     position:fixed;
-    top:40%;
-    left:35%;
+    top:50%;
+    left:50%;
+	transform: translate(-50%, -50%);
     width:560px;
     height:560px;
     z-index:999;
+	
+	.close_btn{
+	  width:35px;
+	  height:35px;
+	  font-size:20px;
+	  font-weight:500;
+	  line-height:30px;
+	  text-align:center;
+	  display:block;
+	  color:#fff;
+	  background:#553646;
+	  border-radius:50%;
+	  position:absolute;
+	  right:-20px;
+	  top:-15px;
+	  z-index:1000;
+	}
   }
-
 }
 
 .hidden{