From 90decd8232d59b36f8061e7bdcf701596c3fdbbe Mon Sep 17 00:00:00 2001 From: maochaoying <925670706@qq.com> Date: Tue, 11 Apr 2023 16:08:50 +0800 Subject: [PATCH] 123 --- logo.ico | Bin 2625 -> 2314 bytes src/mock/case.js | 236 +++++++++++---------- .../Index/components/CasePictureList/index.vue | 41 +++- src/views/Index/components/WebOfThing/index.vue | 1 + 4 files changed, 155 insertions(+), 123 deletions(-) diff --git a/logo.ico b/logo.ico index 23f7d51e7fd6f3547c42f27426660f9e5c01d5bb..4b896ae7be0c857e9bfd1478b5b1b546b2a4ec60 100644 GIT binary patch literal 2314 zcmaJ@dpwl+9-bK!abinIipEeP=0?oSF|IQ)7-?La?5?@I%*4z)W?mV@jwrWUV7-)YmHKThZUyzl$Fe4gj|et+NZ^T)3sEHuE_ z$jS(TKo~Ov>1=rP(R~Z`;eWj-Sql%#Aw~=o4#q>NTp57y6@WYd!xVE905-rCq$OVm zJP`;z2T?=}6vGOk@@j{LQ!D43&KMGb`EsR8FaW#BtN=8 zk>XGBCvRX7=ecx{pCSe%&^%Z0H`ncpT%8}pQaCalkcqYdf(7Q1p*) z5%0DRxAZ!HueGROoYL~DnSEnhq>#~278Fcx$-+bhz7NY?#jbz9xW9g{vAf96uHLrx z^^$Lk)-*(fuc~zq5^<7>%R>toD%_kLazt$4a(w}N@=L( z18!Fy3W&@%%aY~~4n6hc9I8q4W0(@MyVA}~ zypwd%yl1kC(Y>hSQC7$RM4}RoZ_}0OOZ3w_xW1LW@Pt7W=S^DMu(rv4Gvg=a<8mK0 zdjJZar3T;U1m9<>2Zuw|NqIH*U&J7{Sgzg4{3oF;)=-GFk&Qyg91~T7^$V3(BijNU zNdMhUn(sehc;$2yxj%36>(|3{wRrc0c+!xcRXI&=W%k%S2*;uGFI@_+eJi!m+#S`{ zVQAY>Ta^Lr&f>|_JWNZpqlvoVsfC>nCS}Z^h*c_bnfluMkS-Lv&eZ}+)Hdmwt-oC9_sDtiztrp z*F5s{2gFt6PTc7wPkmIkT8vJGRJl8}pr~d!9{W3aMkX1`+48GrU4JykgnW18*7K3^ z3CBCPY|zuF04GR;)D~tec<|HR^XqnWjms!x_%FZdvWK8in9lgrdKg#P zI3TCW)1TBFc1}*1=}yYc?5>Ks_8mmIQK_GDJ>*^ zF1>VrH?qU=lx8c+eqVLH;@(NL;ob)6(dNp&P-0;t%MBfSWMNTX)et~yQrF5wX6WBg z2m7kbD}wAdjyg3>IH4}TP?_Ip-E%d$DHknhpL5@NrmelieHrp*2y<@ITIx%0&T7V% zAKR?1wAIFKC!%*7Eq@R3z14x7j)a3d0)yC=0B>(w;=SE6#n(QPJ#u=c)Y3CQIiqj1W868yD)V~ee*F}3+sWU~ z;FWvY?@|Mli{3d}cwXp@baE~#PgDGd;b3|V8L*VKy~WZY}>!o7p5?>jt`1-bTC=Czenb?u&wahBZEEZSre+@?5LJanU36_a|M4b4R| z^vS6MV z#Jzf|RT&=d;EZ|vF&7_~_vApPpL)vV=*12w)o$=Pqp*(7?%ZfFdqykIRPpK#EVWx( z@jjFDvWa)iD7ba417os!*6iHv!>0MO!-D#noU&UUOY7FXd2wZN+qxydjom`HuNjnQA5>Z2@DP+p?O2iCyQy)_qH{mT zMpf1J?VUNKS!L9>x8Ywqe+??RNx!%qe*)$azES`H literal 2625 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 Km~X4a&;Jc9(9d%K diff --git a/src/mock/case.js b/src/mock/case.js index 181c916..bc815cc 100644 --- a/src/mock/case.js +++ b/src/mock/case.js @@ -476,7 +476,7 @@ import A54 from '@/assets/img/all_case/54.jpg' import A55 from '@/assets/img/all_case/55.jpg' import A56 from '@/assets/img/all_case/56.jpg' -export const allCaseList = [ +export const allCaseList1 = [ { id: '1', picUrl: A1, @@ -585,120 +585,9 @@ export const allCaseList = [ example_id: '5', industry_id: '3', }, - { - id: '19', - picUrl: A19, - example_id: '6', - industry_id: '3', - }, - { - id: '20', - picUrl: A20, - example_id: '7', - industry_id: '3', - }, - { - id: '21', - picUrl: A21, - example_id: '8', - industry_id: '3', - }, - { - id: '22', - picUrl: A22, - example_id: '1', - industry_id: '4', - }, - { - id: '23', - picUrl: A23, - example_id: '2', - industry_id: '4', - }, - { - id: '24', - picUrl: A24, - example_id: '3', - industry_id: '4', - }, - { - id: '25', - picUrl: A25, - example_id: '4', - industry_id: '4', - }, - { - id: '26', - picUrl: A26, - example_id: '1', - industry_id: '5', - }, - { - id: '27', - picUrl: A27, - example_id: '2', - industry_id: '5', - }, - { - id: '28', - picUrl: A28, - example_id: '3', - industry_id: '5', - }, - { - id: '29', - picUrl: A29, - example_id: '4', - industry_id: '5', - }, - { - id: '30', - picUrl: A30, - example_id: '5', - industry_id: '5', - }, - { - id: '31', - picUrl: A31, - example_id: '1', - industry_id: '6', - }, - { - id: '32', - picUrl: A32, - example_id: '2', - industry_id: '6', - }, - { - id: '33', - picUrl: A33, - example_id: '3', - industry_id: '6', - }, - { - id: '34', - picUrl: A34, - example_id: '1', - industry_id: '7', - }, - { - id: '35', - picUrl: A35, - example_id: '2', - industry_id: '7', - }, - { - id: '36', - picUrl: A36, - example_id: '3', - industry_id: '7', - }, - { - id: '37', - picUrl: A37, - example_id: '4', - industry_id: '7', - }, +] + +export const allCaseList3 = [ { id: '38', picUrl: A38, @@ -814,3 +703,120 @@ export const allCaseList = [ industry_id: '9', }, ] + +export const allCaseList2 = [ + { + id: '19', + picUrl: A19, + example_id: '6', + industry_id: '3', + }, + { + id: '20', + picUrl: A20, + example_id: '7', + industry_id: '3', + }, + { + id: '21', + picUrl: A21, + example_id: '8', + industry_id: '3', + }, + { + id: '22', + picUrl: A22, + example_id: '1', + industry_id: '4', + }, + { + id: '23', + picUrl: A23, + example_id: '2', + industry_id: '4', + }, + { + id: '24', + picUrl: A24, + example_id: '3', + industry_id: '4', + }, + { + id: '25', + picUrl: A25, + example_id: '4', + industry_id: '4', + }, + { + id: '26', + picUrl: A26, + example_id: '1', + industry_id: '5', + }, + { + id: '27', + picUrl: A27, + example_id: '2', + industry_id: '5', + }, + { + id: '28', + picUrl: A28, + example_id: '3', + industry_id: '5', + }, + { + id: '29', + picUrl: A29, + example_id: '4', + industry_id: '5', + }, + { + id: '30', + picUrl: A30, + example_id: '5', + industry_id: '5', + }, + { + id: '31', + picUrl: A31, + example_id: '1', + industry_id: '6', + }, + { + id: '32', + picUrl: A32, + example_id: '2', + industry_id: '6', + }, + { + id: '33', + picUrl: A33, + example_id: '3', + industry_id: '6', + }, + { + id: '34', + picUrl: A34, + example_id: '1', + industry_id: '7', + }, + { + id: '35', + picUrl: A35, + example_id: '2', + industry_id: '7', + }, + { + id: '36', + picUrl: A36, + example_id: '3', + industry_id: '7', + }, + { + id: '37', + picUrl: A37, + example_id: '4', + industry_id: '7', + }, +] diff --git a/src/views/Index/components/CasePictureList/index.vue b/src/views/Index/components/CasePictureList/index.vue index 00161b2..6c14034 100644 --- a/src/views/Index/components/CasePictureList/index.vue +++ b/src/views/Index/components/CasePictureList/index.vue @@ -63,10 +63,11 @@ duration="100" :pauseOnHover="true" :pauseOnClick="true" + style="height: 100%" >
@@ -87,11 +88,21 @@ duration="100" :pauseOnHover="true" :pauseOnClick="true" + style="height: 100%" > -
- +
+
-
查看详情
+
+ 查看详情 +
@@ -101,11 +112,21 @@ duration="100" :pauseOnHover="true" :pauseOnClick="true" + style="height: 100%" > -
- +
+
-
查看详情
+
+ 查看详情 +
@@ -131,7 +152,7 @@ import { Autoplay } from 'swiper' import { handleScreenAuto, handleScreenToFlexCenter } from '@/common/utils' import { useCountStore, useDetailStore, useSwiperStore } from '@/store' import { storeToRefs } from 'pinia' -import { allCaseList } from '@/mock/case' +import { allCaseList2, allCaseList1, allCaseList3 } from '@/mock/case' // Import Swiper styles import 'swiper/css' const countStore = useCountStore() @@ -232,6 +253,7 @@ const showEmpty = ref(true) .wrapper_swiper { display: flex; flex-direction: column; + min-height: 0; flex: 1; justify-content: space-between; .data_container { @@ -257,6 +279,7 @@ const showEmpty = ref(true) .pic_list { padding: 46px 75px 75px 75px; position: relative; + min-height: 0; flex: 1; display: flex; justify-content: space-evenly; @@ -287,12 +310,14 @@ const showEmpty = ref(true) margin-bottom: 41px; } .scroll_container_case { + min-height: 0; flex: 1; display: flex; align-items: center; .img_card { width: auto; height: 100%; + flex: 1; margin: 0 22px; position: relative; .pic { diff --git a/src/views/Index/components/WebOfThing/index.vue b/src/views/Index/components/WebOfThing/index.vue index 06fe09f..9d468f4 100644 --- a/src/views/Index/components/WebOfThing/index.vue +++ b/src/views/Index/components/WebOfThing/index.vue @@ -56,6 +56,7 @@ import Project from '@/assets/img/web/zuo1.png' font-family: Source Han Sans CN; font-weight: 400; color: #ffffff; + letter-spacing: 3px; display: flex; align-items: center; justify-content: center;