From 0c78307c405150a482330725ed9430d3bc02c933 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Wed, 30 Aug 2023 15:05:42 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=9C=8B=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/main/resources/static/board/board.css | 15 +- .../main/resources/static/board/board2.css | 131 ++++++++++++++++++ .../src/main/resources/static/board/board2.js | 84 +++++++++++ .../resources/static/board/img/board2Bg.jpg | Bin 0 -> 284846 bytes .../resources/static/board/img/bottomImg.png | Bin 0 -> 18130 bytes .../main/resources/static/board/img/logo.png | Bin 0 -> 3716 bytes .../resources/static/board/img/rightShow.png | Bin 0 -> 472 bytes .../resources/templates/board/board1.html | 20 +-- .../resources/templates/board/board2.html | 37 ++++- 9 files changed, 265 insertions(+), 22 deletions(-) create mode 100644 haiwei-admin/src/main/resources/static/board/board2.css create mode 100644 haiwei-admin/src/main/resources/static/board/board2.js create mode 100644 haiwei-admin/src/main/resources/static/board/img/board2Bg.jpg create mode 100644 haiwei-admin/src/main/resources/static/board/img/bottomImg.png create mode 100644 haiwei-admin/src/main/resources/static/board/img/logo.png create mode 100644 haiwei-admin/src/main/resources/static/board/img/rightShow.png diff --git a/haiwei-admin/src/main/resources/static/board/board.css b/haiwei-admin/src/main/resources/static/board/board.css index 1ce47ce..bee7bb4 100644 --- a/haiwei-admin/src/main/resources/static/board/board.css +++ b/haiwei-admin/src/main/resources/static/board/board.css @@ -208,27 +208,28 @@ body { height: 20px; } -.eqModal{ +.eqModal { display: none; } -.shade{ +.shade { position: absolute; top: 0%; - left:0%; + left: 0%; width: 100vw; - height: 100vh; + height: 100vh; background-color: #00000066; z-index: 100; } -.centerModal{ + +.centerModal { background-image: url("../../board/img/bigBg.png"); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; - transform: translate(-50%,-50%); + transform: translate(-50%, -50%); top: 50%; - left:50%; + left: 50%; width: 35vw; height: 21.85vw; z-index: 101; diff --git a/haiwei-admin/src/main/resources/static/board/board2.css b/haiwei-admin/src/main/resources/static/board/board2.css new file mode 100644 index 0000000..aa35a6f --- /dev/null +++ b/haiwei-admin/src/main/resources/static/board/board2.css @@ -0,0 +1,131 @@ +body { + background-image: url("../../board/img/board2Bg.jpg"); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.topBtn { + background-image: url("../../board/img/click1.png"); + background-size: 100% 100%; + background-repeat: no-repeat; + width: 7.5vw; + height: 2.5vw; + position: absolute; + top: 2.8vw; + line-height: 2.5vw; + font-size: 1.2vw; + text-align: center; + color: #aaa; +} + +.topBtnClick { + background-image: url("../../board/img/click.png"); + color: #fff; +} + +.title1 { + position: absolute; + font-size: 1vw; + left: 6%; + top: 14%; + color: #ddd; +} + +.content { + position: absolute; + font-size: 0.8vw; + width: 21.5%; + height: 45%; + left: 5%; + top: 19%; + color: #ddd; +} + +.content p { + margin-bottom: 8px; +} + +.title2 { + position: absolute; + font-size: 1vw; + left: 75.5%; + top: 14%; + color: #ddd; +} + +.customerPresentation { + position: absolute; + width: 21.5%; + height: 45%; + left: 73.5%; + top: 19%; + overflow: auto; +} + +* ::-webkit-scrollbar-track { + background-color: rgba(0, 0, 0, 0) !important; +} + +* ::-webkit-scrollbar-thumb { + background-color: rgba(0, 0, 0, 0) !important; +} + +* ::-webkit-scrollbar { + width: 0; + background-color: rgba(0, 0, 0, 0) !important; +} + + +.customerPresentation .item { + background-image: url("../../board/img/rightShow.png"); + background-size: 100% 100%; + background-repeat: no-repeat; + width: 100%; + height: 2.5vw; + padding: 0.25vw 0.5vw; + vertical-align: top; + margin-bottom: 6px; +} + +.customerPresentation .item span { + color: #68bdfb; + padding-left: 1vw; + line-height: 2vw; + font-size: 0.8vw; +} + +.bottom{ + position: absolute; + width: 91.5%; + height: 25%; + left: 4.5%; + top: 70%; + overflow: auto; +} + +.bottom .item{ + background-image: url("../../board/img/bottomImg.png"); + background-size: 100% 100%; + background-repeat: no-repeat; + width: 43.76vh; + height: calc(24vh - 12px); + position: absolute; + left: 43.76vh; + background-position: 0 1vw; +} + +.bottom .item .title{ + position: absolute; + top: 1%; + left: 9%; + font-size: 1vw; + color: #ddd; +} + +.bottom .item .img{ + position: absolute; + top: 63%; + left: 50%; + width: 90%; + transform: translate(-50%,-50%); +} diff --git a/haiwei-admin/src/main/resources/static/board/board2.js b/haiwei-admin/src/main/resources/static/board/board2.js new file mode 100644 index 0000000..306523a --- /dev/null +++ b/haiwei-admin/src/main/resources/static/board/board2.js @@ -0,0 +1,84 @@ +$(()=>{ + let arr1 = [ + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + { + name:'大连天晟通用机械有限公司', + img:'../../board/img/logo.png' + }, + ] + let arr2 = [ + { + name:'积压脱水机', + img:'../../board/img/equipment.png' + }, + { + name:'积压脱水机', + img:'../../board/img/equipment.png' + }, + { + name:'积压脱水机', + img:'../../board/img/equipment.png' + }, + { + name:'积压脱水机', + img:'../../board/img/equipment.png' + }, + { + name:'积压脱水机', + img:'../../board/img/equipment.png' + }, + ] + arr1.forEach(e=>{ + let html = ` +
25B~QXL@NOPgbSaNjlY=jdyXinf5IYtuUG^jcCYw1{46K`
z2@ftSZKx*hH&~Vu|BNFKU!3^665+Basei&UTzDIo6@gE!84j%{q{rc-b4K!RkK|Pj
zpDFnbd;gZ>Pt;%w>Q6QL4d73>{=0OQQl8 D3f+lt!jm)k*MqH@R>J#x%2$v
z@|mE+U`2H`p7HD^h#94!OIie-l;MVtz7Eo%e_~}*TAD9OxaOm1SXVkUkxG;MH+-TE
zy3hH=QkEXjbq7I2{sydMCiZIz?-6G%foN7-M&O^2ToncLt9}c-3$;$r3moJ5TH!yj
zy$I|bu@B)5UEF~#hnzdt9N*xNbVL=|zr7Rr?T{=J^!cNtw=v==E^tJ=e(=KAt~vMs
zxYP*KNsvoUYWv*O!ESZjl %4Ev8Ro17ekOJ>N%oDl^~{+bv5o!7uLHQXb6A*;tDA@eBeL<
zoppI?s 2Y*DMHMu4RkSC&rMed&kHLh-
zqKheZX%WsLd!&LmnUh2BBjN-r&f4VyP0V}WdQf1j`W~2r=8lfTx9?n9Ore26a^Fc1
zy+eznuEDyKXO~vRYianU5=*E{Y3Mjrb>pVS-a-@clgA|x{n3Zkwx=6ye$(LSwUyeK
ze!FI(_Pzs32r44&*-2g2f2{vWLwyde%|je<>C&LI2dvyH)sc(a;0>fvG!XRJOL`N7
zLWMUdR4~R%%KfAvU0gjZ=@LtQ$bujwojHif`(IVkQZ&(5o|$3XIQo-D=Ihq8(uW65
zKYTd5p4Q|h_KT~&1^&TLnoL`3J)uQ2CVZGzoN|F|dxrlMm-PTvbKw5MrU3CCZS0AF
zCwV>u4Nk(=V;08+1n#$4)$Mx4d@ub93%Ba4_T($^I8En7y=MBrN}0T|L6Q-idzWQf
zXTpf{k3IKBzqI7ej&HAzB`4gx7VJDB>(7_kue;imF4zC62Da%hQ<`oYVt<1{zHBEi
zSs%|4qi>e;C{U=R1B`swL%!3BSrxW&D?=>Vg`7UW5p2C*PAi3FlQT=SC*#OC95f%lhuQT`#HA
zzgf{*E5aYGrK!NSu!ooGpw%#{H((eY%({2r!tg=4f$ePr=}2N|M*7V7WrfxPl74fp
zmv*c3!Rlhfz)1VH%4A&s9z^-5fjeKM$$|4{xFkgNdkUHnIN|jH}>00!aUpSNi_rjK{K!X)wi0~|k_9|SM
zFcbTZ;^QYovI5y-vg2~kdZF`Pke=wSvsGF+6G#jk=jjiIhPxJUJw{~VJb6T$!22dt
zs)TxsMKTZob6Nr{%A5)`@aDR9zBN_HEvII0e={}fqrXqS&P2zORv4~+`SKhU_apho
zWt*>USh-rikvaX686*H7D!mJP9F~iH-c#c}$QxtaOBwF|p2GRPYL;
c~R*CIYNp6_4SdNXcd8;$_9dn3L}t2a;?>!5|qOo
zKo2572lON=m#ED_>wXmayQF&&aa+D2{-vC{`_Tu>hKv|`&>M0iiVTo4mgF0(ETrxk
zY&~Y~D{1FXnl;~o7Kp=VLgI$}X7F7aZU6ihml|r9y9HWxiJ5l|bm2(&lVJ>q-WQ