From bed1e2a5a1de587be4aafe9458178035d7f70cb6 Mon Sep 17 00:00:00 2001 From: lml <2367212933@qq.com> Date: Sun, 28 Apr 2024 18:00:24 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E4=B8=93=E5=8C=BA=E9=83=A8?= =?UTF-8?q?=E5=88=86=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/style.css | 1 - src/assets/css/styles.css | 37 ++- src/assets/icons/platform/platformIcon1.png | Bin 0 -> 395 bytes src/assets/icons/platform/platformIcon2.png | Bin 0 -> 507 bytes src/assets/icons/platform/platformIcon3.png | Bin 0 -> 273 bytes src/assets/icons/platform/platformIcon4.png | Bin 0 -> 640 bytes src/assets/icons/platform/platformIcon5.png | Bin 0 -> 295 bytes src/assets/icons/right.png | Bin 0 -> 269 bytes src/view/business/index.css | 24 +- src/view/business/index.vue | 40 +-- src/view/business/tab/air.vue | 31 +- src/view/business/tab/road.vue | 31 +- src/view/business/tab/sea.vue | 13 +- src/view/home/homeComponents/Amazon.vue | 5 +- .../domesticCustomsDeclaration.vue | 4 +- src/view/home/index.vue | 2 +- src/view/platform/index.css | 196 ++++++++++++- src/view/platform/index.vue | 70 ++++- src/view/platform/tab/AMAZON.vue | 85 +++++- src/view/platform/tab/components/KYC.vue | 68 +++++ .../platform/tab/components/accountAudit.vue | 45 +++ .../tab/components/componentsIndex.css | 60 ++++ .../platform/tab/components/otherInfo.vue | 66 +++++ .../tab/components/registrateInfo.vue | 69 +++++ src/view/platform/tab/sea.vue | 275 ------------------ src/view/platform/tab/warehouseMap.vue | 121 +++++++- 26 files changed, 864 insertions(+), 379 deletions(-) create mode 100644 src/assets/icons/platform/platformIcon1.png create mode 100644 src/assets/icons/platform/platformIcon2.png create mode 100644 src/assets/icons/platform/platformIcon3.png create mode 100644 src/assets/icons/platform/platformIcon4.png create mode 100644 src/assets/icons/platform/platformIcon5.png create mode 100644 src/assets/icons/right.png create mode 100644 src/view/platform/tab/components/KYC.vue create mode 100644 src/view/platform/tab/components/accountAudit.vue create mode 100644 src/view/platform/tab/components/componentsIndex.css create mode 100644 src/view/platform/tab/components/otherInfo.vue create mode 100644 src/view/platform/tab/components/registrateInfo.vue delete mode 100644 src/view/platform/tab/sea.vue diff --git a/public/css/style.css b/public/css/style.css index 143156c..1080295 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -706,7 +706,6 @@ iframe { ======================================*/ .bg-web-desc{ - background: url("../images/img-1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css index 69e0b74..a80bec2 100644 --- a/src/assets/css/styles.css +++ b/src/assets/css/styles.css @@ -45,6 +45,8 @@ i { font-style: normal; } + + a, a:hover, a:focus, @@ -714,7 +716,6 @@ iframe { ======================================*/ .bg-web-desc{ - background: url("../images/img-1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; @@ -1359,13 +1360,13 @@ ul.pattern .color8 { } /* tabs样式 */ -.el-tabs__nav-wrap::after { +.commonUI .el-tabs__nav-wrap::after { display: none; } -.el-tabs__active-bar { +.commonUI .el-tabs__active-bar { display: none; } -.el-tabs__item { +.commonUI .el-tabs__item { width: 107px; height: 40px; padding: 8px 24px !important; @@ -1382,9 +1383,33 @@ ul.pattern .color8 { text-align: center; line-height: 40px; } -.el-tabs__item.is-active { +.commonUI .el-tabs__item.is-active { /* display: flex; */ background: #00AFAF; color: #FFF !important; -} \ No newline at end of file +} +.special .el-tabs__item { + width: 210px; + text-align: center; + color: #4D5563; + font-size: 22px; + font-style: normal; + font-weight: 600; + line-height: 46px; /* 209.091% */ + margin-bottom: 10px; + padding-left: 25px; + +} +.special .el-tabs__item.is-active { + color: #151E2C; + font-size: 28px; +} +.special .el-tabs__active-bar { + background: #000; + +} +.special .el-tabs__header { + padding: 0 100px 40px; +} + diff --git a/src/assets/icons/platform/platformIcon1.png b/src/assets/icons/platform/platformIcon1.png new file mode 100644 index 0000000000000000000000000000000000000000..83739b0a10a503147bf8f889f3e55d216f7f2698 GIT binary patch literal 395 zcmV;60d)R}P)q#xz#EWIb|7Ub49CJm z`s1#Fg;EH#B@BF$>)ri&cb`ks-w#L_nhi3>l}QkJfYVqDlH_s0b!;nCaB_M5B#29h z0DHI}ICgD5E_@5|4Wc4&w>X?I0l`b|5pJg$XgVH?AZ}9gfxlwKZ;1(vi*r2Z9zr+# z7pv$xJ!~w{hkv}kE#36>{ez7Kt3FTIdzDbusgbqxm zyLKVAzlhZZ)q%v*i>lr)IonUPypgjNp literal 0 HcmV?d00001 diff --git a/src/assets/icons/platform/platformIcon2.png b/src/assets/icons/platform/platformIcon2.png new file mode 100644 index 0000000000000000000000000000000000000000..ef6063d9227a11959dba8d47f6e8fe60963f05cd GIT binary patch literal 507 zcmVVK~#7F?UOM` z0#O{szcbgYh8jwxtuWgRB&Qmzrj~{V14%TR!XX+HYLl>*0>dJ5X=}=Ku*ndz&7v() zYjII)_I3YfRws9*@!b5uyLb29@&DfYfA4@Ue<0Ci&}4B#>Ing?9|Djdp*dWcSDB`^Q%Fhp%>G38_dQL2sc>sxNx6}9xWTbJQ@bWCV_c`zNK84j(5s2r$0xp0pQqjy@8?`7zJ3|gXa&92i$d`Q z4*L`zL|%Tb%BJn2YOu4t#d{tM9pW~f!Gd#!=WwvM3%7TJf76_US_Y~H6!7xWA`dsX zf5bHkyHb6}rhlDhLG5eg(Dn`taslEhkyPk0`I!tTXxde)Ij9~}Y7Yh7jFzqi9aB{U xQE2`LB54?uAsm+bHeiy!Aqb*e0|MyM3LlsknaKClWb6O{002ovPDHLkV1lmr*{1*i literal 0 HcmV?d00001 diff --git a/src/assets/icons/platform/platformIcon3.png b/src/assets/icons/platform/platformIcon3.png new file mode 100644 index 0000000000000000000000000000000000000000..48349cbbcec4193266756c65555ba06e6b381ea2 GIT binary patch literal 273 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#Wu7jMAr*{oC)@Hh8}PKo2dochTeb9U+__6j zo&7H^)n-phc&M}Cvo@QBOTYvNMn=Yyk`6V_Po^I{SDf>}fl;_U^QItseS-j-*!0W~ zCM^s6^q$+CoE|D=Bv7y|Zci_7hFf)GTz5)#NX~v&>)%hNy?@?&`)iYq{)4K0LFX^( zTq~$LrSc-_bDs8Bk)%R**+2jMz8_Mp+RCie(wyuwUF?D3iHj49r(gM@=Q302gts-& O#SEUVelF{r5}E+m)?{@6 literal 0 HcmV?d00001 diff --git a/src/assets/icons/platform/platformIcon4.png b/src/assets/icons/platform/platformIcon4.png new file mode 100644 index 0000000000000000000000000000000000000000..beefc933f28558013e75dd86edaad8a6e2f7eb7e GIT binary patch literal 640 zcmV-`0)PF9P)o&bsz<(CG_&(Hto@%R~lr!EJ!P{j}Y!d|JlSA2H;M~p;r%<}`! z^C}e+ce9gq0>IQWeZenzHYbwN2?DfKtGjIzFZ)3NGX5F^>26W~u;j#Ywcgp0(eEAU zUYX~h+PKmyhI?ep0mvi5u8A)I<-^9QYMR-J1mwqYbe?N|`06xa-kJRP{$U9Kj83c$ z2w~}YJ+zu5JD;0NXeG_l074EqLWGaYTsXcpSJSom&p|tzvj7mI&yY(XZ$&i7Gfx2~ ze9%*k0E;9*$2NuxTIzt1dGx_p0?b!pH6i|Mc(HgxB6$rtBE1{~PY&oBP{&l$v)duY z!$A?YP^yxrVl>^|KPV__n8_>b?w4==-i*J&hQe$h?=95Fe5XEU&jd<-J;WG&$8mZi z-sfup<`b*0&k*nvtX@-B5`1BdnrgGdMN~qYxo$TLLa<0xc2^xud-1JYEpo=3qa=jc zl4p){rkXx%AbqVwah$qttN_9LV#eH~O(BTVTMJ+y>Uh3U_0fVY#nwrh36WiP0q=4=-wxdoY!HHKEP(+bYp?^ z1m9CyK8H9AxTI(NX4rbxf9sTbp$it7$Gfc}K9#LF z+*%dYUC`XNmd|j%i^#^iN=rO4B+h+M4PJilr*Ew5ljcJ4dT0ApHS!dZ1CO0Kln`cTgJ~TIAwmmooM@YM(Vld1koDCkci1#i#P0$0lJpK M)78&qol`;+0Py!?!T
-
- -
- {{ item.label }} +
+
+ +
+ {{ item.label }} +
+
- -
+
@@ -39,11 +40,11 @@
自营仓
-
+
-
+
-
服务功能
+
服务功能
+
@@ -123,8 +125,12 @@
-
-
运输流程
+ +
+
+
运输流程
+
+
diff --git a/src/view/business/tab/air.vue b/src/view/business/tab/air.vue index df88a37..ec741cc 100644 --- a/src/view/business/tab/air.vue +++ b/src/view/business/tab/air.vue @@ -5,19 +5,20 @@
-
- -
- {{ item.label }} +
+
+ +
+ {{ item.label }} +
+
- -
+
美通空运
@@ -66,7 +67,7 @@
服务线路
-
+
美国快线
@@ -91,7 +92,7 @@
-
+
美国快线
@@ -106,7 +107,7 @@
-
+
美国快线
diff --git a/src/view/business/tab/road.vue b/src/view/business/tab/road.vue index 51531b7..f037cb7 100644 --- a/src/view/business/tab/road.vue +++ b/src/view/business/tab/road.vue @@ -5,19 +5,20 @@
-
- -
- {{ item.label }} +
+
+ +
+ {{ item.label }} +
+
- -
+
美通卡航
@@ -66,7 +67,7 @@
服务线路
-
+
美国快线
@@ -91,7 +92,7 @@
-
+
美国快线
@@ -106,7 +107,7 @@
-
+
美国快线
diff --git a/src/view/business/tab/sea.vue b/src/view/business/tab/sea.vue index 8704713..149730f 100644 --- a/src/view/business/tab/sea.vue +++ b/src/view/business/tab/sea.vue @@ -5,18 +5,19 @@
-
- +
+
{{ item.label }}
+
@@ -69,7 +70,7 @@
服务线路
-
+
美国快线
@@ -94,7 +95,7 @@
-
+
美国快线
@@ -109,7 +110,7 @@
-
+
美国快线
diff --git a/src/view/home/homeComponents/Amazon.vue b/src/view/home/homeComponents/Amazon.vue index 1c7b2d1..cc0fc65 100644 --- a/src/view/home/homeComponents/Amazon.vue +++ b/src/view/home/homeComponents/Amazon.vue @@ -147,11 +147,10 @@ export default { -
-
@@ -166,7 +165,7 @@ export default {
-
+ -->
\ No newline at end of file diff --git a/src/view/home/homeComponents/domesticCustomsDeclaration.vue b/src/view/home/homeComponents/domesticCustomsDeclaration.vue index 636db53..848941b 100644 --- a/src/view/home/homeComponents/domesticCustomsDeclaration.vue +++ b/src/view/home/homeComponents/domesticCustomsDeclaration.vue @@ -20,7 +20,7 @@ export default {
-
+
\ No newline at end of file diff --git a/src/view/home/index.vue b/src/view/home/index.vue index b9633e9..c39775a 100644 --- a/src/view/home/index.vue +++ b/src/view/home/index.vue @@ -200,7 +200,7 @@
Question
-
+
diff --git a/src/view/platform/index.css b/src/view/platform/index.css index bf2d344..0339429 100644 --- a/src/view/platform/index.css +++ b/src/view/platform/index.css @@ -21,24 +21,22 @@ color: #24303E; border-right: none; } -.platform .button-group { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - -} /* 按钮海运下单切换 */ -.platform .button-group { +.platform .button-group { display: flex; - border-radius: 20px; - overflow: hidden; - z-index:999; - background-color: #FFE7CE; + margin-left: 25px; /* width: 312px; */ } +.button-group-item { + border-radius: 20px; + overflow: hidden; + z-index:999; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -.platform .el-button { - flex: 1; +} +.platform .el-button { padding: 26px 0; margin-left: 0px !important; background: #fff; @@ -46,6 +44,7 @@ border: none; /* 移除单独的按钮边框 */ border-radius: 0px; transition: all 0.3s ease; + max-width: 400px !important; /* 为按钮添加右边框 */ } .platform .btn-text { @@ -326,3 +325,178 @@ font-weight: 600; line-height: 28px; /* 77.778% */ } +/* 亚马逊仓库地址 */ +.platformSearch { + /* min-width: 980px; */ + min-height: 92px; + color: rgba(21, 30, 44, 0.50); + font-family: "PingFang SC"; + font-size: 22px; + font-style: normal; + font-weight: 400; + line-height: 46px; /* 209.091% */ + margin-left: 25px; +} +.platTableTitle { + color: #151E2C; + font-family: Montserrat; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 32px; /* 133.333% */ + text-align: center; + margin: 106px 0 40px 0; +} +/* 表格头部样式 */ +::v-deep .platTable .el-table .el-table__header-wrapper { + border-radius: 4px; + +} +::v-deep .platTable .el-table .el-table__cell { + height: 82px; + border-bottom: 1px solid #fff; + line-height: 32px; /* 160% */ + font-style: normal; + padding-left: 34px; +} +::v-deep .platTable .el-table thead .el-table__cell { + background: #FAFAFA; + color: #151E2C; + font-family: Montserrat !important; + font-size: 20px; + font-weight: 700; +} + +/* 表格边框样式 */ +::v-deep .platTable .el-table tbody .el-table__cell { + color: #4D5563; + font-family: Montserrat; + font-size: 20px; + font-weight: 500; +} +.el-table::before { + display: none; +} + +/* 仓库地址分布 */ +.tab-content { + margin: 172px 0 0 25px; +} +.tab-content .el-button,.tab-content .el-button:hover { + width: 210px; + height: 83px; + flex-shrink: 0; + border-radius: 4px; + background: #FAFAFA; + padding: 0 ; + margin-bottom: 35px; + color: #24303E; + font-size: 22px; + font-style: normal; + font-weight: 500; + line-height: 30px; /* 136.364% */ + +} +.tab-content .activeWarehouse,.tab-content .activeWarehouse:hover { + background-color: #00afaf; + color: #fff; + box-shadow:0 10px 33px rgba(0, 0, 0, .1) ; +} +.echartBox { + width: 100%; + height: 660px; + border: 1px dashed #B4B4B4; + padding: 20px; + +} +.scrolling-list { + max-width: 286px; + background-color:rgba(246, 246, 246, 0.50); + border-radius: 12px; + overflow-y: auto; + height: 660px; /* 或者具体的像素高度 */ +} + +.scrolling-list-header { + padding: 32px; + height: 38px; + background-color: #f6f6f6; + color: #24303E; + font-size: 26px; + font-style: normal; + font-weight: 500; + line-height: 160%; /* 41.6px */ +} + +.scrolling-list-content { + padding: 32px; +} + +.group-title { + color: #24303E; + font-family: "DIN Alternate"; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 160%; /* 38.4px */ + margin-bottom: 26px; +} + + + +.group-list { + color: #4D5563; + font-family: "DIN Alternate"; + font-size: 18px; + font-style: normal; + font-weight: 700; + margin-bottom: 15px; + line-height: 160%; /* 28.8px */ +} + +/* AMZ注册 */ +.AMZBox { + margin-top: 147px; + + width: 309px; + height: 100px; + flex-shrink: 0; + border-radius: 12px; + background: #092238; + padding: 35px; +} +.AMZtitle { + color: #FFF; + font-size: 26px; + font-style: normal; + font-weight: 600; + line-height: 46px; /* 176.923% */ +} +.AMZcontent { + color: #FFF; + font-family: Montserrat; + font-size: 36px; + font-style: normal; + font-weight: 700; + line-height: 46px; /* 127.778% */ +} +/* 关于亚马逊 */ +.AMZ-About { + padding: 90px 40px 77px; +} +.AMZ-AboutTitle { + color: #151E2C; + font-size: 40px; + font-style: normal; + font-weight: 600; + line-height: 46px; /* 115% */ + margin-bottom: 90px; +} +.AMZ-AboutContent { + color: rgba(21, 30, 44, 0.50); + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: 42px; /* 210% */ +} + diff --git a/src/view/platform/index.vue b/src/view/platform/index.vue index 3f973a1..553f245 100644 --- a/src/view/platform/index.vue +++ b/src/view/platform/index.vue @@ -1,25 +1,59 @@ + \ No newline at end of file diff --git a/src/view/platform/tab/components/accountAudit.vue b/src/view/platform/tab/components/accountAudit.vue new file mode 100644 index 0000000..199338e --- /dev/null +++ b/src/view/platform/tab/components/accountAudit.vue @@ -0,0 +1,45 @@ + + + + \ No newline at end of file diff --git a/src/view/platform/tab/components/componentsIndex.css b/src/view/platform/tab/components/componentsIndex.css new file mode 100644 index 0000000..cead54a --- /dev/null +++ b/src/view/platform/tab/components/componentsIndex.css @@ -0,0 +1,60 @@ +.info-list { + padding: 20px; + width: 100%; + margin: 0 auto; + } + + .info-item { + display: flex; + height: 159px; + align-items: center; + border-bottom: 1px solid #eaecef; + } + .info-item:last-child { + border-bottom: none; + } + .icon { + font-size: 24px; + margin-right: 10px; + } + + .content { + flex-grow: 1; + } + + .title { + color: #151E2C; + font-size: 20px; + font-style: normal; + font-weight: 500; + line-height: 42px; /* 210% */ + } + .title > img { + margin-right: 10px; + } + +#description { + padding-right: 30px; + width: 470px; + color: rgba(21, 30, 44, 0.50); + font-size: 18px; + font-style: normal; + font-weight: 400; + line-height: 32px; /* 177.778% */ + word-wrap: break-word; /* 兼容旧版本浏览器 */ + overflow-wrap: break-word; /* 标准语法 */ + } + .annotationTitle { + color: rgba(21, 30, 44, 0.50); + font-size: 18px; + font-style: normal; + font-weight: 400; + line-height: 28px; /* 155.556% */ + } + .annotationContent { + color: rgba(21, 30, 44, 0.50); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 28px; + } \ No newline at end of file diff --git a/src/view/platform/tab/components/otherInfo.vue b/src/view/platform/tab/components/otherInfo.vue new file mode 100644 index 0000000..fdfae13 --- /dev/null +++ b/src/view/platform/tab/components/otherInfo.vue @@ -0,0 +1,66 @@ + + + + \ No newline at end of file diff --git a/src/view/platform/tab/components/registrateInfo.vue b/src/view/platform/tab/components/registrateInfo.vue new file mode 100644 index 0000000..99ab934 --- /dev/null +++ b/src/view/platform/tab/components/registrateInfo.vue @@ -0,0 +1,69 @@ + + + + \ No newline at end of file diff --git a/src/view/platform/tab/sea.vue b/src/view/platform/tab/sea.vue deleted file mode 100644 index 8704713..0000000 --- a/src/view/platform/tab/sea.vue +++ /dev/null @@ -1,275 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/view/platform/tab/warehouseMap.vue b/src/view/platform/tab/warehouseMap.vue index f0e4ff9..230252b 100644 --- a/src/view/platform/tab/warehouseMap.vue +++ b/src/view/platform/tab/warehouseMap.vue @@ -5,22 +5,118 @@
-
- +
+
{{ item.label }}
+
+
+
+ + + +
+ {{ item.label }} +
+ + + + +
+
+
123
+
+
+
慕尼黑
+
+
+
B
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + + +
+
+
B
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + +
B1
+ + + +
+ +
+
+
-
- +
@@ -42,7 +138,20 @@ { label: '亚马逊仓库地址',transportMode:'OCEAN' }, { label: '仓库地址分布图',transportMode:'AIR' }, { label: 'AMAZON注册',transportMode:'RAIL' } - ] + ], + activeWarehouseIndex: 1, + buttonWarehouse: [ + { label: '德国',transportMode:'OCEAN' }, + { label: '法国',transportMode:'AIR' }, + { label: '英国',transportMode:'RAIL' }, + { label: '日本',transportMode:'RAIL' }, + { label: '加拿大',transportMode:'RAIL' }, + { label: '西班牙',transportMode:'RAIL' }, + { label: '意大利',transportMode:'RAIL' }, + { label: '波兰',transportMode:'RAIL' }, + { label: '捷克',transportMode:'RAIL' }, + { label: '美国',transportMode:'RAIL' }, + ], } },