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 0000000..83739b0 Binary files /dev/null and b/src/assets/icons/platform/platformIcon1.png differ diff --git a/src/assets/icons/platform/platformIcon2.png b/src/assets/icons/platform/platformIcon2.png new file mode 100644 index 0000000..ef6063d Binary files /dev/null and b/src/assets/icons/platform/platformIcon2.png differ diff --git a/src/assets/icons/platform/platformIcon3.png b/src/assets/icons/platform/platformIcon3.png new file mode 100644 index 0000000..48349cb Binary files /dev/null and b/src/assets/icons/platform/platformIcon3.png differ diff --git a/src/assets/icons/platform/platformIcon4.png b/src/assets/icons/platform/platformIcon4.png new file mode 100644 index 0000000..beefc93 Binary files /dev/null and b/src/assets/icons/platform/platformIcon4.png differ diff --git a/src/assets/icons/platform/platformIcon5.png b/src/assets/icons/platform/platformIcon5.png new file mode 100644 index 0000000..841f21e Binary files /dev/null and b/src/assets/icons/platform/platformIcon5.png differ diff --git a/src/assets/icons/right.png b/src/assets/icons/right.png new file mode 100644 index 0000000..8304d51 Binary files /dev/null and b/src/assets/icons/right.png differ diff --git a/src/view/business/index.css b/src/view/business/index.css index 1b5009f..0273f77 100644 --- a/src/view/business/index.css +++ b/src/view/business/index.css @@ -21,13 +21,9 @@ color: #24303E; border-right: none; } -.business .button-group { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); - -} /* 按钮海运下单切换 */ -.business .button-group { +/* .business .button-group { display: flex; border-radius: 20px; overflow: hidden; @@ -35,8 +31,21 @@ background-color: #FFE7CE; margin-left: 25px; /* width: 312px; */ + +/* 按钮海运下单切换 */ + .button-group { + display: flex; + + 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); +} .business .el-button { flex: 1; padding: 26px 0; @@ -96,9 +105,8 @@ z-index: 666; } -.business .service-text i::after { +.business .service-text .serviceNews::after { content: ""; - display: inline-block; position: absolute; /* Positions the pseudo-element in relation to the .service-text */ bottom: 20px; right: 43.5%; @@ -276,7 +284,7 @@ padding: 32px 37px; margin-bottom: 32px; } -.ServiceLineBox .el-tabs__item { +::v-deep .ServiceLineBox.commonUI .el-tabs__item { width: 100px; height: 35px; border-radius: 4px; diff --git a/src/view/business/index.vue b/src/view/business/index.vue index 86aa51e..b15d760 100644 --- a/src/view/business/index.vue +++ b/src/view/business/index.vue @@ -7,19 +7,20 @@
-
- -
- {{ 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' }, + ], } },