From ed56637b1b414ddd6aef8896c716f762bc0d5ec9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= Date: Mon, 23 Jun 2025 11:57:43 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=B0=E8=BD=A6=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E9=A1=B5=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/index.css | 4 +- assets/css/newcar.css | 86 +++++++++++++++++++++------------- assets/js/newcar-details.js | 33 +++++++++++++ assets/media/icons/meony.png | Bin 993 -> 777 bytes assets/media/icons/proect.png | Bin 1371 -> 982 bytes assets/media/icons/xing.png | Bin 1098 -> 691 bytes assets/media/icons/zan.png | Bin 880 -> 632 bytes assets/media/icons/zhuans.png | Bin 1451 -> 1064 bytes newcar-details.html | 41 +++++++--------- 9 files changed, 105 insertions(+), 59 deletions(-) diff --git a/assets/css/index.css b/assets/css/index.css index 8e20fe3..537226b 100755 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -74,7 +74,7 @@ padding: 0px 1px; } .as-nav-slider { - margin: 24px 50px 0px !important; + margin: -108px 50px 0px !important; } .vehica-car-card__info .cus-btn{ height: 30px; @@ -121,7 +121,7 @@ height: 240px; } .as-nav-slider { - margin: 24px 10px 0px !important; + margin: -50px 10px 0px !important; } .tag{ margin-left: 10px !important; diff --git a/assets/css/newcar.css b/assets/css/newcar.css index 6f85769..821840e 100755 --- a/assets/css/newcar.css +++ b/assets/css/newcar.css @@ -271,50 +271,35 @@ -/* 底部 */ +/* 底部 */ +@media (max-width: 820px) { + .footer-why { + display: none; + } +} .footer-why { - background: #ecf3f9; - color: #2d74ba; + background: #2d74ba; + color: #fff; font-weight: 700; - height: 10rem; + height: 7rem; } .footer-why ul { padding: 0px 10px; - height: 10rem; + height: 7rem; align-items: center; display: flex; } .footer-why li { - height: 10rem; + height: 7rem; align-items: center; display: flex; gap: 1rem; } -/* footer-why .xz-main { - height: 12.6rem; -} -.footer-why ul { - height: 100%; - justify-content: space-between -} -.xz-main { - margin: 0 auto; - width: clamp(1200px,calc(760px + 34.375vw),1440px); -} -.footer-why li,.footer-why ul { - align-items: center; - display: flex -} */ .footer-why li { font-weight: 700; /* gap: 1rem */ } -/* -.footer-why i { - font-size: 3rem; - font-weight: 400 -} */ @@ -634,9 +619,9 @@ border-radius: 4px; font-size: 12px; margin: 0px; - } - .brand-item{ - width: 116px; + } + .brand-item{ + width: 116px; } } @@ -758,10 +743,6 @@ .slick-initialized .slick-slide { text-align: center; } -.colorsib img{ - width:30%; -} - .brand { position: relative; } @@ -793,3 +774,42 @@ .brand-toggle .fa { margin-left: 5px; } +.colorsib { + padding: 0px 20px; +} +.color-slide-item p{ + text-align: center; +} + +.color-slider-arrows { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; /* 让箭头以外区域可点 */ +} +.color-slider-arrows .arrow-btn { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 2; + width: 30px; + height: 30px; + background: rgba(255, 255, 255, 0.8); + border: 1px solid #ddd; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + pointer-events: auto; /* 让按钮可点 */ +} +.color-slider-arrows .arrow-btn svg { + width: 10px; +} +.color-slider-arrows .btn-prev { + left: -16px; +} +.color-slider-arrows .btn-next { + right: -16px; +} diff --git a/assets/js/newcar-details.js b/assets/js/newcar-details.js index 1563f71..148897f 100755 --- a/assets/js/newcar-details.js +++ b/assets/js/newcar-details.js @@ -39,6 +39,13 @@ $(function() { }, ], }); + + // $(".color-slider").slick({ + // slidesToShow: 3, + // slidesToScroll: 1, + // dots: false, + // arrows: false, + // }); } // 生成HTML function generateslide(product) { @@ -62,6 +69,19 @@ $(function() { `; } + + function generateColorSlide(color) { + if (!color.skuAttributes) { + return ''; + } + return ` +
+ car color +

${color.skuAttributes[0].value_name}

+
+ `; + } + // 渲染轮播图 function renderbanner(lbdata) { const rentalslider = document.getElementById('rental-slider'); @@ -74,6 +94,15 @@ $(function() { ).join(''); initSlick() } + + function renderColorSlider(colors) { + if (!colors || colors.length === 0) { + return; + } + const colorSlider = document.querySelector('.color-slider'); + colorSlider.innerHTML = colors.map(color => generateColorSlide(color)).join(''); + } + // Introduction function Introductionhtml(data){ $(".nav-menu").append( @@ -213,6 +242,10 @@ $(function() { $(".views").html(carinfo.views) $("#brands").html(''+carinfo.brand_name+'') renderbanner(carinfo.album) + // if (carinfo.sku) { + // renderColorSlider(carinfo.sku); + // } + // initSlick(); Introductionhtml(carinfo.content) Highlightedhtml(carinfo.trait) diff --git a/assets/media/icons/meony.png b/assets/media/icons/meony.png index 29f92d9737dfe8c96b194cfc07dcf661062de883..a02cbf8c3aa6b21ca62cdf9b295914c690e9731a 100755 GIT binary patch delta 754 zcmVI7FZ4h zL=g$+$AJTq{^>}eLjc=5lJnlcE8r?{4Y&zBO;^|-n6Amd3}7bE7kHB(wzLP)E`aS8 zU`bMp-%XO@6X%NU2+=NJXNqi7IJ8_IVY6?d!lapheQM&Tw9_Vf$nX$#0UTSMGlW zNC~$Y_#~-EXFAV7d<41!&5~LZvlSqf+8;n<`+P~~y9i(&a4uCxW0YtG;2^LHI4EgN zQRlYrw7!M(V;wrb0IPvRl2*%h1MmolOdT)jaUI5-0Dp2DS|$ubfxlCQ4GVxpz-i#3 zq`5_$+inKd13lCF_rN|$kwdv+`vNcrSR4Q+fXMhwlA?KZC^Zf0uhj9PXM}8*w5@=R zCSWIUG5~G^6M(6belMVWCAHeG&TNO%tqZwO-4hCGvW*LEXt1Q^%ez^VNtwIQfC2`iKGn4}fyi~I~6 ztplJc3F|GxJ-~+aR zx|QcRg{!(1r<>&sqXZB;-}1(Bf`}b(IUABn>`L8|WgyDilx85x+m>e_$~%~3Aj&(M kWgyBsoMt;)R~^s4030!xV)tncw*UYD07*qoM6N<$g71r6LjV8( delta 972 zcmV;-12g=I2H^*gBYy*^Nkl+4Voi)bN~9)6e4y?uYQ<=b32Hji`l9&t1R?>Y zsMwuj?sm8CR@<4Hl08o|bI-?r?)l&Uy;n$S%eR&n{W-38BY%32AWMLY5H75SE5888 z6+ME={`1@9-NU=Gr_!XBBqw`Id8rk%Nzwa(MM?g(@l%5AjV<;>yR%=<6f+|L+bcaI z$R^+d;3OhLqLq*0SUx9HIU0|hK5CL%3l=V>l38q7dXq}#c2rjaoxrb(?uq=|lhc8i z7J${Q60d>=*OX-yRH6x5`RFAa8Cf^q3^cOW$^|Oe*tZZ z?x+*93cxHiiS@H8+f~H}>_k$vtI3v#JuI!I#lQ~|XRRF%5C}{PZ z%eIy;w|^=c3R*d9{c(lZUU09#+X|(~ch{sTZs&s?qC5&LsQHhn@M2VO4TloV_Ja2W zatilJS5Ns(72Tldw#d&J@tDyX1xny6RXUAkm>@-;j{MyAq#U+a>J{W!QQ0Ss7kmNS zpt0T(J)iqDDcJFX4}q19#cZ#%U67}Mq0o0%C4c3xHWXEX#`qN2?oP4kjGdthN^e&=rpXJ!q+WM8`N&?T9(zi$-8sO5F_ifK8}3}BWm zuz$Tlv(=*7er%+;dbDeEd4*>5HI(b8+i<2%NplNkOTyYtiO3saA^U(yZs*Gnit6jB z0W^|u*2~Z<_kliE`>P?K16W>t7kM=-WH%;}plKP-kr0`hgK=B?BO}kPGVGqwnuKUB zq!`s3!(#4mQeiXxFDW)3Te=xlN!04?xJ3$L;so5914+GiEj^OeLA3NxIyn=qJeD_r uXx+u+pLVqHYBmX?m6y{-Wjj~b^S=SqK{LTPL*Qco0000q7b=cq9{p?P<#-{J&N)HAtB^4kDk-JcI%w8_t|@&`7mF+^{=zn z?fI>Dz3Y9~5gXaGk@eXi0Nc9*OC+sZ>_!#^V0(Yydf>DYet!d4Ch65_L8bz*eMAW# zS3(BX1Dn+Ew}Iu7UYZnSA^_Vb0#^V>*TR1RD}b9Nt+yR-+yHD<{qF*IOL}@7$bta2 z&j6MJhu1>C0}qt&A9EMCeQAO0SbZM=tAR%)#ar`iD1hy=f%AbwYQ`_X8sIibKabm$ z?Lc1#>``Ms0e>DWkYD@xvjA+LSHcI?pdU+km89>-2@ml|KrR9Ht-db;0X!n<+q4Y; zY~KsSg|Y8Sc#WiQrWGCm5|{(4Z=Iy076NEH55QL&0$_WyilYEDPs|61i0yNLe210j z-{pz>B;_0@Hrv~jaJ;&6P5cOWEZ@8%=vTIVYJnWzwSPYj+#~7zg(z(A0$c=K3v60r z->kEb@INDiaLCym16%+EsM!m^9g^Oe1HBh;RRwYDN{Qf8IvTnTGD4D=AT=~^Rc9} z=H7w^kbm}Mynw74wFBFimsfTL?gUm!`eB4{GHT-D(CS|yDPEghj%}Y@1COnNSuh~U zf>WFAQ!2L{S(6jM4@pW^oUu`<`1As4*YRuMCP`0BLSg%aii;-vVT6;8r@aNK32|LZ z&B+A;d47belih9sn((Kc@Snrx^g(!QO^m>-=zq0+VS(&di=^Diipo@WRYv6MQ@_Dz5tviq<)t-XYganyoC5naHk^n>S$svDs54{Q5B1);1QPbL+w7 z)-$^Wm({Dd7k;*cUt36cYJd(TcRlgZS31aauPx!3t2wDn?18xp+Rj@cAhDeB#QzKQ jYb_dJ(jAT)_dmdYmnKp$IdGX500000NkvXXu0mjf(c;hJ delta 1353 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 diff --git a/assets/media/icons/zan.png b/assets/media/icons/zan.png index c5991736ade8b022e0ddb09fc6e836f0f4397e68..c103b18ecacc511abf5546caa408490bcee34c83 100755 GIT binary patch delta 608 zcmV-m0-ycx2KWS!BYy%vNklp!J&iSsWd8y|3v;|F#tc)h@sRU>mRySbqe}1I|b~SQesPfDvH5 zr2YtKdo6Gc7?U(s2I9X0BoJqTo)oGGq6&a>z=}=*+y*{M+MC|g_8p+Basb=2fzL_3 zLkqu`?Ki+PNrOe{kNp{!!1hkyBG4=8bq2t|X-S7G1F*djxDJd7=Oat0 z&yE3Pgc_Z4bE=;@00w}|lIG+^7y_!S1epxPkct7ex_>T!$G}TT`#TO`y9@XU97@M^ zM>Sx30}%hLt&(olk%5!IF<_RYA9Vo4eE2G9OC619X*^niVM!Bp0K}u^0SZ&1>Qy#0*dgbB=C uAU@CHx7B(f=}W84wg5`r{-0*G1N;J;lszzTjU}%D0000rsBYy)oNkl-0AB#4!zQ0uubM*4s~If>lrA~I)~aXg zBqPG6#H>;WB1!W}wy5{d*!piWdF_a0+1O znfmURO9J54Lixm=RuEE|q*5zb_*e+}DxVfJOCbQ3sr!}r#Krr#Yd|>{R$z0Rn|sg+ zQ&$@!LO#v7&pm_{5|nM<1@e==B=W8Gl>WnC5fxREF79C1Y9zJ@2Pg``j_>2L(>4FZB;ab#V)4q zkGoc8Qh(oex--p@oklS41@j?skc0wExZPe&pv#doE(1WgnZRXCQn?i@e2{PeMGJof zc#GpW*?o1z?-B~I>BN)dlw^5Wq+)1fd_{jl$w)#0yl0K=(oSR?khqD*^INu4x9)!xB2JoBmllY1a9!O_Dv<1a?REf2OBD zMN>Hcu_sn|t2)+7qfXGB{o@Y)!Q?p*nVzOO5YK)}p#2~~g&^UEBPOG{onv$oaYe6Q kWKGpslr|d={C@}V8yxDQFqVY|!~g&Q07*qoM6N<$g6}|*wEzGB diff --git a/assets/media/icons/zhuans.png b/assets/media/icons/zhuans.png index cb205f47d3682ba6dfd42a3f6326ee0f8e3ec5db..15db62407f6441d625a36165e6c920df9c417846 100755 GIT binary patch delta 1044 zcmV+v1nc{&3#bT?BYy+$NklVVb8z9$t7wN*tZL^ZR%0-hFTP|K43r z{a;+yb*}IE{?G3^-*e=DHiwEI5r+WFfGfv{-%G$Eb^Bnv;eQA`1YA8v!8@2W>fGHD zh=}pPhvoPkkiR{#%x3=5CaCYWU^`_XBGxpizg&G{PohV}<-lWwv0j}yEP;qP9eBSS zwy8(&N$~D&M0^PxRqN^M#_nu~3`E3}z-4tfOIkb+A=E zVJw0-S=b63SAXj{YW`Vz8Hk9rz$N7{Lw#|K3CsXC6y`_jDLn!aktunj4!5W$jb-pA z3!8y)wVto89>_pMJP%w@2UFD7YyYglWz#RQi0ENN#1!Dw!uSFhZ$z96yi%K+)U1Rg z^*AsGSgT&zZ{WhnhnElVS#{v^M#LuI)WTbu1hOQ~uYZk+>O19_6>xFw->Y8V4~dAl z2k7o>SC1&%iNITh^Z)=)5qJSOxSW@%w~d5EMBEH4Z+vH~PZjPW;I2CR zDG9VnmHR!Rh=@r=V&A$jPrZLvBqHJ(;K9b{I`x4H-s(YaUC}+l#lW4-rQ_AlhPiZ+ znvZrTi+_k|KwG{`)H@32G~k2g(qeUGs{<>5C5^*D>d$p~9&lfs{RK=?^D*@-BC@XY z{p?el%hg-!em0~0)Sca~F3rVYDSiaFs=R&!lEgm+l3?8%_@O%6*L8MS1@GR=Ds@4f z?G5}2>|eMKtG!k~R5yGXIIo;Ht0#A~BjRr0hJRXr3Y?jh1!Rlu1m;n-`x9Aqp99C# zosH`BHgiJ}I1tDQrVG4I&Brrf5s~eAb}e5k0;wfw8`KLM-z>K*yR@7!rm30Po((q< z9SdY8xz;r?~IKVkwEsGS==PB8-Zs^HxS_ng{w z(cNLh5z6ewn4lNRy_SUum=X9TCB*D|CZvsUk zRWd7~)A!#ic+Px%*{BEQNkl1C`~? zjXI+?jX3WW3+WKoDkVrSoVOHMv3GmjunVNA~0;PI(oJahXZ@?#9Gd1E` zoQMCaM)rGvhkpy16imyl&~}8n4jE9>*$rTRI7nA@-b`-p4Fd6WV>Pk2QDPCYZbs8O z5h$r^C{sLTudkq-YbHy3!+9YKx|0Jz^@GDBc~jfq^9hz}IGX^>3?u|H>O?wkTab}Aw)%w@DyVqaRD zz0*_pQvf&nAXw~L+RNP`kub6^FnDRfmU*^or9KRfyB2^I=zgU{Iy;A%Wv7xPB8@^d z8p{Dskm&CdqB(tq9*a=g~ACWZWd;NQ1LQIXZbT z3&1f-xXY8S)TQle;`X1I>A}2}6qmNsO4K=1*+Zdx2~?LelNn)Hl6LM<7+<&lr0A|$ zUf-kX znfRmB)ie%8%oEP#ePP0?d`4R+_IEw?R-fh@hyDTZO@YIAa;8=o^_{1o;p_rX6%ae< zn%d})WL$Sv65-k41ix!LUo^hx`etU3=zkTm!GQ6eYiWKEKJjA!ZVz-jTuYl44Z0J7 zgkcW?(N1QBjyJoeRviHp<9T)<@Ag|eDg$|&YibWfY(=?E2r_!0=tAq%Bd=DT?UH~{ zmOi()#A|Kc6_zJ}<*unc9|0DPD|8wp1bd46|2y^Yk}2n9r)?BTr{*z+4}~648uYCb{); zZn`8OqtWdJM6@~tP?#niwUXiF?0wNi(p zplaF~4@Uds>}Kn}Vg^Dds^N%s`g9a}QFu2n^S6BmG?)E--isA`*9qt06YgWz)WRuxMfh%KKp-UyyMMn2Y9K(q z836H);21!Y0(oEY4Ff9RgXK2S5A=RukzAryKziMF0Q*07*qoM6N<$f-F|2>;M1& diff --git a/newcar-details.html b/newcar-details.html index 619a0d1..e360396 100755 --- a/newcar-details.html +++ b/newcar-details.html @@ -252,7 +252,23 @@ - + +
+
+
+
    +
  • +
    • +
    • +
    • +
    • +
    • +
  • +
+
+
+
+
@@ -407,29 +423,6 @@
- - - - - - - -
-
-
-
    -
  • -
    • -
    • -
    • -
    • -
    • -
  • -
-
-
-
-