平台专区静态完整代码

master
lml 7 months ago
parent bed1e2a5a1
commit c1997bf938

@ -89,7 +89,14 @@
height: 70px; height: 70px;
overflow-y: auto; overflow-y: auto;
} }
.wrap {
/* 这将防止单词被拆开换行 */
word-wrap: break-word !important;
/* 这将在单词到达边界时拆开它们进行换行 */
word-break: break-all;
/* 确保内容不会超出其容器的宽度 */
overflow-wrap: break-word;
}
.footerBottom { .footerBottom {
padding-bottom: 248px; padding-bottom: 248px;
} }

@ -1390,7 +1390,7 @@ ul.pattern .color8 {
} }
.special .el-tabs__item { .special .el-tabs__item {
width: 210px; min-width: 210px;
text-align: center; text-align: center;
color: #4D5563; color: #4D5563;
font-size: 22px; font-size: 22px;
@ -1407,7 +1407,6 @@ ul.pattern .color8 {
} }
.special .el-tabs__active-bar { .special .el-tabs__active-bar {
background: #000; background: #000;
} }
.special .el-tabs__header { .special .el-tabs__header {
padding: 0 100px 40px; padding: 0 100px 40px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 521 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 471 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

@ -19,6 +19,7 @@ import globalNetwork from "../view/globalNetwork/index.vue";
import platform from "../view/platform/index.vue" import platform from "../view/platform/index.vue"
import warehouseMap from "../view/platform/tab/warehouseMap.vue" import warehouseMap from "../view/platform/tab/warehouseMap.vue"
import AMAZON from "../view/platform/tab/AMAZON.vue" import AMAZON from "../view/platform/tab/AMAZON.vue"
import AMZDetail from "../view/platform/tab/components/AMZDetail.vue"
@ -80,6 +81,11 @@ const routes = [
name: "AMAZON", name: "AMAZON",
component: AMAZON component: AMAZON
}, },
{
path: "/AMZDetail",
name: "AMZDetail",
component: AMZDetail
},
{ {
path: "/login", path: "/login",
name: "Login page", name: "Login page",

@ -282,7 +282,8 @@ export default {
ceshi(paramObj).then((data) => { ceshi(paramObj).then((data) => {
console.log(data); console.log(data);
}); });
console.log(localStorage.getItem("newsIndex"),'newsIndex');
this.newIndex = +localStorage.getItem("newsIndex") || 0;
}, },
data() { data() {
return { return {
@ -329,7 +330,9 @@ export default {
}, },
methods: { methods: {
setNewsActive(item,index) { setNewsActive(item,index) {
console.log(item,index);
this.newIndex = index; this.newIndex = index;
localStorage.setItem('newsIndex',index);
this.$router.push({ this.$router.push({
name: 'newsDetail', name: 'newsDetail',
query:{ query:{

@ -500,3 +500,100 @@
line-height: 42px; /* 210% */ line-height: 42px; /* 210% */
} }
/* 注册流程 */
.flowBox {
width: 200px;
height: 92px;
flex-shrink: 0;
border-radius: 4px;
background: #F8F8F8;
padding: 24px;
}
.flowNum {
color: #151E2C;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 46px; /* 143.75% */
}
.flowContent {
color: #151E2C;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 46px; /* 255.556% */
}
.flowContentTip {
max-width: 412px;
flex-shrink: 0;
color: #666C89;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 157.143% */
}
.flowTime {
color: #8E8E8E;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 111.111% */
border: 1px solid #DBDBDB;
border-top: none;
width: 56.5%;
height: 36px;
flex-shrink: 0;
margin:18px 0 40px 40px;
text-align: center;
line-height: 36px;
}
.authority-title {
margin: 100px 0 28px 0;
color: #151E2C;
font-family: Montserrat;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 71.429% */
}
.authority-content {
color: #151E2C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 37px; /* 264.286% */
}
.authority-content span {
color: #00AFAF;
}
/* 底部图片 */
.footer-img {
position: absolute;
right: 0;
top: -120px;
width: 247px;
height: 247px;
flex-shrink: 0;
text-align: center;
background-color: #fff;
line-height: 247px;
}
.writeQrcode {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 46px; /* 191.667% */
}
.MT-form {
color: #FFF;
text-shadow: 0px 4px 8.7px rgba(18, 148, 148, 0.59);
font-family: zihunbiantaoti;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 46px; /* 115% */
}

@ -1,6 +1,6 @@
<template> <template>
<div class="footerBottom"> <div >
<div class="platformBackground"></div> <div class="platformBackground"></div>
<div class="platform"> <div class="platform">
<!-- AMZ注册 --> <!-- AMZ注册 -->
@ -21,7 +21,7 @@
</div> </div>
<el-row style="padding:0 10px;"> <el-row style="padding:0 10px;">
<el-col :span="8" class="flx-center"> <el-col :span="8" class="flx-center">
<div class="AMZBox flx-justify-between"> <div class="AMZBox flx-justify-between" @click="$router.push({path:'/AMZDetail'})">
<div class=" flx-wrap "> <div class=" flx-wrap ">
<div class="AMZtitle"> 亚马逊</div> <div class="AMZtitle"> 亚马逊</div>
<div class="AMZcontent"> TSPN</div> <div class="AMZcontent"> TSPN</div>
@ -84,6 +84,77 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container" style="margin-top: 80px;">
<div class="AMZ-AboutTitle">注册流程</div>
<div class="flx-justify-between" style="padding: 0 40px;">
<div class="flowBox">
<div class="flowNum">01</div>
<div class="flowContent">提交开店申请登记表</div>
</div>
<img src="@/assets/icons/greenRight.png" alt="">
<div class="flowBox">
<div class="flowNum">02</div>
<div class="flowContent">发放注册链接至邮箱
<el-tooltip popper-class="flowContentTipCommonUI" class="flowContentTip" effect="light" placement="top-end">
<img src="@/assets/icons/greenRight.png" alt="">
<div slot="content">
若收到亚马逊大客户运营经理邮件<br>
需额外补充资料信息请尽快按照要求回复<br>
齐全井符合要求后发放注册链接
</div>
</el-tooltip>
</div>
</div>
<img src="@/assets/icons/greenRight.png" alt="">
<div class="flowBox">
<div class="flowNum">03</div>
<div class="flowContent">点击链接开始注册</div>
</div>
</div>
<div class="flowTime">1-3个工作日</div>
<div class="flx-justify-around" style="padding: 0 270px;">
<div class="flowBox">
<div class="flowNum">04</div>
<div class="flowContent">资质审核结果通知</div>
</div>
<div style="width: 250px;text-align: center;">
<img src="@/assets/icons/greenRight.png" alt="">
</div>
<div class="flowBox">
<div class="flowNum">05</div>
<div class="flowContent">审核通过上架商品
<el-tooltip popper-class="flowContentTipCommonUI" class="flowContentTip" effect="light" placement="top-end">
<img src="@/assets/icons/greenRight.png" alt="">
<div slot="content">
若收到亚马逊大客户运营经理邮件<br>
需额外补充资料信息请尽快按照要求回复<br>
齐全井符合要求后发放注册链接
</div>
</el-tooltip>
</div>
</div>
</div>
<div>
<div class="authority-title">官方经理提示</div>
<div class="authority-content">
<div>1.///澳印度/中东/新加坡18大站点均可登记,一周内下链接一套资料一个邮箱可开通欧////中东/新加坡17大站点共享一份月租39.99美金;印度需提供不同邮箱申请</div>
<div>2.提交开店申请登记表时主要填写 <span>公司营业执照法人姓名手机号邮箱地址计划运营的目标站点主营类目以及相关产品图片</span>等信息可先登记后同步准备其他注册资料 </div>
<div>3.申请链接时 请按实际情况填写登记表工厂或产品报告/海外商标等材料如可提供请填写</div>
</div>
</div>
</div>
<div style=" margin-top: 400px;height: 162px;background: linear-gradient(90deg, #14C0C0 0%, rgba(31, 203, 203, 0.60) 100%);">
<div class="container flx-only-align-center " style="position: relative;height: 100%;">
<div>
<div class="writeQrcode">扫码填写</div>
<div class="MT-form">美通-亚马逊开店申请登记表</div>
</div>
<div class="footer-img" >
<img src="@/assets/images/footer/qrcodeAMZ.png" alt="">
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -138,6 +209,20 @@
} }
}; };
</script> </script>
<style >
.flowContentTipCommonUI {
border: 1px solid #fff !important;
box-shadow: 0px 4px 81.7px #DDD;
}
.flowContentTipCommonUI .popper__arrow{
border-top-color: #fff !important;
border-bottom-color: #fff !important;
}
.flowContentTipCommonUI .popper__arrow:after {
border-top-color: #fff !important;
border-bottom-color: #fff !important;
}
</style>
<style src="../index.css" scoped> <style src="../index.css" scoped>

@ -0,0 +1,404 @@
<template>
<div >
<div class="container" >
<div class="special " style="">
<div class="flx-align-only-start">
<el-tabs v-model="activeRegistar" >
<el-tab-pane label="亚马逊TSPN" name="first">
<TSPN></TSPN>
</el-tab-pane>
<el-tab-pane label="亚马逊SHIPTRACK" name="second">
<SHIPTRACK></SHIPTRACK>
</el-tab-pane>
<el-tab-pane label="亚马逊SEND" name="third">
<SEND></SEND>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
<div v-if="activeRegistar==='first'" style="background-color: #fcfcfc;padding: 80px 0 228px 36px;">
<div class="container">
<div>
<div class="TSDN-Box-mainTitle">Transparency透明计划功能</div>
<el-row>
<el-col :span="12" v-for="(item,index) in TSDNList" :key="index">
<div class="TSDN-Box">
<div class="TSDN-Box-title">{{item.title}}</div>
<div class="TSDN-Box-content">{{ item.content }}</div>
</div>
</el-col>
</el-row>
</div>
<div>
<div class="footer-Box flx-justify-between">
<div class="footer-Img">
<img src="@/assets/images/platform/megaphone.png" alt="">
</div>
<div>
<div class="footer-title">Transparency透明计划</div>
<div class="footer-content">为了给卖家提供更好的品牌保护与成长方向的服务和体验亚马逊推出了Transparency透明计划服务商网络TSPN</div>
<div class="flx-only-align-center ">
<div class="footer-tip">售前 - 防止假货触达</div>
<div class="footer-tip">售中 - 提升销售转化</div>
<div class="footer-tip">售后 - 赋能品牌营销</div>
</div>
</div>
<div class="footer-Qrcode">
<img src="@/assets/images/footer/qrcodeAMZ_footer.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div v-else-if="activeRegistar==='second'">
<div style="background-color: #fcfcfc;padding: 80px 0 0 36px;">
<div class="container">
<div>
<div class="TSDN-Box-mainTitle" style="margin-bottom: 100px;padding-left: 10px;">选择ShipTrack承运商的优势</div>
<el-row>
<el-col :span="24" v-for="(item,index) in ShipTrackList" :key="index" class="flx-justify-between" style="margin-bottom: 110px;padding: 0 20px;">
<div class="flx-center" >
<img :src="item.img" alt="" style="margin-right: 24px;">
<div class="TSDN-Box-title" style="margin-bottom: 0;">{{item.title}}</div>
</div>
<div class="TSDN-Box-content" style="width: 510px;">{{ item.content }}</div>
</el-col>
</el-row>
</div>
<div>
</div>
</div>
</div>
<div class="container" style="margin-top: 83px;margin-bottom: 83px;">
<div class="TSDN-Box-mainTitle" style="margin-bottom: 60px;padding-left: 30px;">如何选择美通作为承运商</div>
<el-steps direction="vertical" style="padding-left: 30px;">
<el-step
v-for="step in steps"
:key="step.id"
>
<template #description>
<div v-if="step.imageUrl1">
<div class="description">{{ step.description }}</div>
<img :src="step.imageUrl1" alt="步骤图片" style="margin: 24px 0;border-radius: 10px;border: 1px solid #DCDCDC"/>
<img :src="step.imageUrl2" alt="步骤图片" style="margin-bottom: 90px;border-radius: 10px;border: 1px solid #DCDCDC"/>
</div>
<div class="description" v-else style="margin-bottom: 42px;">{{ step.description }}</div>
</template>
</el-step>
</el-steps>
</div>
</div>
<div v-else-if="activeRegistar==='third'">
<div style="padding: 80px 0 0 0;">
<div class="container" style="margin-bottom: 70px;padding-left: 60px;">
<div>
<div class="TSDN-Box-mainTitle" style="margin-bottom: 100px;padding-left: 10px;">Amazon SEND空运服务五大优势</div>
<el-row >
<el-col :span="7" class="SEND-Box " style="background: #EEF9E2;">
<div class="SEND-Box-title" >履约稳定</div>
<div class="SEND-Box-content " style="font-size: 12px;">
由亚马逊筛选的物流合作承运人提供服务履约稳定有效保障在规定时效内将货件送达运营中心有助于达成入库缺陷率考核
</div>
</el-col>
<el-col :span="14" class="SEND-Box" style="background: #F1E6F6;">
<div class="SEND-Box-title" >灵活高效</div>
<div class="SEND-Box-content " >
<div style="margin-bottom: 8px;">
<span style="width: 100px;display: inline-block;">服务</span>
<span>无需注册提供实时客服服务操作灵活仓位稳定灵活 </span>
</div>
<div style="margin-bottom: 8px;">
<span style="width: 100px;display: inline-block;">运输方式</span>
<span>起运量低海空运灵活互补可以满足卖家不同的发货需求 </span>
</div>
<div style="margin-bottom: 8px;">
<span style="width: 100px;display: inline-block;">时效</span>
<span>多种服务时效可灵活选择对比同等服务类型更快更高效 </span>
</div>
</div>
</el-col>
<el-col :span="14" class="SEND-Box" style="background: #FEEEDD;">
<div class="SEND-Box-title" >价格优势</div>
<div class="SEND-Box-content " style="font-size: 12px;">
<div>卖家使用亚马逊协议价价格比同时效的产品更低*降低头程物流成本 价格透明无隐性费用</div>
<div>免国内仓库**入仓费用及中转附加费</div>
<div>* 对比承运商的同时期报价具体以实时报价为准</div>
<div>** 国内承运商收货仓库</div>
</div>
</el-col>
<el-col :span="7" class="SEND-Box " style="background: #F8ECCB;">
<div class="SEND-Box-title" >优先入仓</div>
<div class="SEND-Box-content " >
由亚马逊筛选的物流合作承运人提供服务履约稳定有效保障在规定时效内将货件送达运营中心有助于达成入库缺陷率考核
</div>
</el-col>
<el-col :span="21" class="SEND-Box " style=" background: #EEFAFA;height: 120px;">
<div class="SEND-Box-title" >简化运营</div>
<div class="SEND-Box-content " >
由合作承运人提供门到门全程服务和专业的清关服务降低运营成本此外头程入仓流程一站式集成到卖家平台完成从发/补货订单追踪入仓等全部可通过卖家平台实现简化稳定更可靠全国多个分拨中心*卖家可以根据自己的货源地址就近入仓订舱排舱更快捷入库更方便
</div>
</el-col>
</el-row>
</div>
<div>
</div>
</div>
<div style="background-color: #fcfcfc;padding: 80px 0px 70px 36px;" >
<div class="container" style="margin-bottom: 70px;">
<div class="TSDN-Box-mainTitle" style="margin-bottom: 29px;padding-bottom: 30px;">Amazon SEND空运服务可满足哪些头程需求</div>
<div class="amazon-Box">
<div class="amazon-title">新品测试</div>
<div class="amazon-content">发货起运量要求低少量测款减少不必要的试错成本降低库存风险</div>
</div>
<div class="amazon-Box">
<div class="amazon-title">紧急补货</div>
<div class="amazon-content">Amazon SEND空运派送英国站平均8.5派送德国站平均11-13天即可送达可以帮忙卖家在大促期间等情况下紧急补货</div>
</div>
<div class="amazon-Box " style="height: 210px;padding: 60px 0 60px 135px;">
<el-row class="">
<el-col :span="12" class="flx-justify-between " style="margin-bottom: 70px;">
<div class="flx-justify-between " style="width: 250px">
<div class="flx" style="">
<div class="amazon-country">中国 - 美国</div>
<div class="amazon-trans">空运</div>
</div>
<div class="amazon-time">6</div>
</div>
</el-col>
<el-col :span="12" class="flx-justify-between " style="margin-bottom: 70px;">
<div class="flx-justify-between " style="width: 250px">
<div class="flx" style="">
<div class="amazon-country">中国 - 美国</div>
<div class="amazon-trans">空运</div>
</div>
<div class="amazon-time">6</div>
</div>
</el-col>
<el-col :span="12" class="flx-justify-between " style="margin-bottom: 70px;">
<div class="flx-justify-between " style="width: 250px">
<div class="flx" style="">
<div class="amazon-country">中国 - 美国</div>
<div class="amazon-trans">空运</div>
</div>
<div class="amazon-time">6</div>
</div>
</el-col>
<el-col :span="12" class="flx-justify-between " style="margin-bottom: 70px;">
<div class="flx-justify-between " style="width: 250px">
<div class="flx" style="">
<div class="amazon-country">中国 - 美国</div>
<div class="amazon-trans">空运</div>
</div>
<div class="amazon-time">6</div>
</div>
</el-col>
<el-col :span="12" class="flx-justify-between " style="margin-bottom: 70px;">
<div class="flx-justify-between " style="width: 250px">
<div class="flx" style="">
<div class="amazon-country">中国 - 美国</div>
<div class="amazon-trans">空运</div>
</div>
<div class="amazon-time">6</div>
</div>
</el-col>
<el-col :span="12" class="flx-justify-between " style="margin-bottom: 70px;">
<div class="flx-justify-between " style="width: 250px">
<div class="flx" style="">
<div class="amazon-country">中国 - 美国</div>
<div class="amazon-trans">空运</div>
</div>
<div class="amazon-time">6-16</div>
</div>
</el-col>
</el-row>
</div>
</div>
</div>
<div class="container" style="margin-top: 80px;">
<div class="TSDN-Box-mainTitle" style="padding-bottom: 0px;">如何选择美通作为承运商</div>
<div class="selectCarrier">现在进入卖家平台Send to Amazon页面轻松四步即可开通Amazon SEND解锁更快更低成本更稳定的发货体验</div>
<el-steps direction="vertical" style="padding-left: 30px;">
<el-step
v-for="step in stepsCarrier"
:key="step.id"
>
<template #description>
<div v-if="step.imageUrl1&&step.imageUrl2">
<div class="description">{{ step.description }}</div>
<div class="content">{{ step.content1 }}</div>
<div class="content">{{ step.content2 }}</div>
<img :src="step.imageUrl1" alt="步骤图片" style="margin: 24px 0;border-radius: 10px;border: 1px solid #DCDCDC"/>
<div class="content">{{ step.content3 }}</div>
<img :src="step.imageUrl2" alt="步骤图片" style="margin-top: 20px;margin-bottom: 24px;border-radius: 10px;border: 1px solid #DCDCDC"/>
<div class="content">{{ step.content4 }}</div>
<img :src="step.imageUrl3" alt="步骤图片" style="margin-top: 20px;margin-bottom: 24px;border-radius: 10px;border: 1px solid #DCDCDC"/>
</div>
<div v-else-if="step.imageUrl1" style="">
<div class="description">{{ step.description }}</div>
<img :src="step.imageUrl1" alt="步骤图片" style="margin-top: 20px; margin-bottom: 90px;border-radius: 10px;border: 1px solid #DCDCDC"/>
</div>
<div v-else>
<div class="description" style="margin-bottom: 135px;">{{ step.description }}</div>
</div>
</template>
</el-step>
</el-steps>
<div class="TSDN-Box-mainTitle" style="padding-bottom: 0px;margin-top: 80px;">观看视频轻松get教程</div>
<div class="video">
</div>
</div>
<div style="background-color: #fcfcfc;padding: 80px 0px 70px 36px;" >
<div class="container" style="margin-bottom: 70px;">
<div class="TSDN-Box-mainTitle" style="margin-bottom: 29px;padding-bottom: 30px;">常见问答</div>
<el-row class="faq-container" >
<el-col v-for="(faq, index) in faqs" :key="index" :span="24">
<div class="faq-item" >
<h3>{{ faq.question }}</h3>
<div class="faq-answer show-ellipsis">
<i></i> {{ faq.answer }}
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import TSPN from "./TSPN.vue";
import SHIPTRACK from "./SHIPTRACK.vue";
import SEND from "./SEND.vue";
/**
* Index-1 component
*/
export default {
name:"AMZDetail",
components: {
TSPN,
SHIPTRACK,
SEND,
},
data(){
return {
activeRegistar:'first',
TSDNList:[
{
title:"Listing创建",
content:"开启保护的商品其他商家想上架相同商品必须提供对应的Transparency代码才能正常上架或跟卖。",
},
{
title:"亚马逊物流FBA商品入仓",
content:"亚马逊会扫描每件产品的Transparency代码仅接受正品商品入库。",
},
{
title:"自配送商品销售",
content:"自配送商品也必须提供对应的Transparency代码才可销售。",
},
{
title:"吸睛“小蓝标”",
content:"获得商品详情 Transparency透明计划标记能快速区别于其他商品帮助提高转化。",
},
{
title:"小卡片",
content:"在商品中放入定制卡片,和买家进行互动,沉淀品牌用户。",
},
{
title:"互动页面",
content:"能帮助精准营销、引导留评、提升粉丝粘性、增加商品复购率。",
},
{
title:"退货分析报表",
content:"按生产批次、经销商或单个产品,查看消费者退货的原因。",
},
],
ShipTrackList:[
{
title:"无需手动输入追踪编码,简化入仓流程,提升入仓效率",
img:require("@/assets/icons/platform/shipt1.png"),
content:"卖家不必提供PRO/SPD追踪编码美通系统已与亚马逊后台对接美通系统将自动填入后台自动实时更新物流节点。",
},
{
title:"提供主要追踪节点,提高追踪透明度",
img:require("@/assets/icons/platform/shipt2.png"),
content:"提供国内入仓、报关放行、开船、到港、清关放行、提柜预约派送、派送日期等全节点的轨迹信息,实时透明,全程追踪。",
},
],
activeStep: 1,
steps: [
{
description:"后台创建货件时下拉“选择运输承运人”列表点击“美通ShipTrack”。",
imageUrl1:require("@/assets/images/platform/ShipTrack-1.png"),
imageUrl2:require("@/assets/images/platform/ShipTrack-2.png"),
},
{
description:"提供完整的Shipment ID和Reference ID。",
},
{
description:"在亚马逊卖家中心的“货件一览”页面“追踪货件”,自动收到推送并查看物流轨迹。",
},
// ...
],
stepsCarrier: [
{
description:"创建货件",
content1:"登录卖家平台",
},
{
description:"选择“库存”菜单中的“货件”选项",
imageUrl1:require("@/assets/images/platform/ShipTrack-3.png"),
},
{
description:"进入Send to Amazon开始创建亚马逊FBA货件",
content1:"1.确认要发送的库存",
content2:"2.配送模式和承运人",
content3:"3.货件打标",
content4:"4.货件追踪",
imageUrl1:require("@/assets/images/platform/ShipTrack-4.png"),
imageUrl2:require("@/assets/images/platform/ShipTrack-5.png"),
imageUrl3:require("@/assets/images/platform/ShipTrack-6.png"),
},
// ...
],
faqs: [
{
question: '同一账号可以同时使用AGL和Amazon SEND吗',
answer: '可以的。这两种头程物流方式互相补充。AGL与Amazon SEND是分别由亚马逊全球物流及亚马逊筛选的第三方物流提供的跨境物流服务。'
},
{
question: 'Amazon SEND包含哪些服务',
answer: '目前Amazon SEND为卖家提供海运及空运服务包含提货(如需)、出口报关、干线空运、进口清关以及末端派送等。对于还未开通提货服务的地区卖家可以选择自送货Amazon SEND承运商会提供收货仓库地址、联系方式等信息卖家可就近送货到SEND承运商仓库。'
},
{
question: 'Amazon SEND的价格是多少',
answer: '根据不同物流商及时效会有变动请关注实时价格。但相较于使用线下第三方物流Amazon SEND价格比同时效的产品更低。* 对比承运商的同时期报价,具体以实时报价为准。)'
},
// FAQ...
]
}
},
methods: {
}
};
</script>
<style src="./componentsIndex.css" scoped>
</style>

@ -0,0 +1,34 @@
<template>
<div>
<div class="" style="margin-bottom: 83px;">
<div class="TSDN-title">关于Amazon SEND亚马逊跨境承运伙伴方案</div>
<div class="TSDN-content">
Amazon SEND亚马逊跨境承运伙伴方案指由亚马逊筛选的物流合作承运人将卖家货件从中国发往目的国的亚马逊运营中心为卖家提供了从上门取货到完成送仓一站式集成服务全程可以在卖家平台完成并追踪减少运营成本的同时也让卖家更安心
</div>
</div>
</div>
</template>
<script>
/**
* Index-1 component
*/
export default {
components: {
},
data(){
return {
}
},
methods: {
}
};
</script>
<style src="./componentsIndex.css" scoped>
</style>

@ -0,0 +1,33 @@
<template>
<div>
<div class="" style="margin-bottom: 83px;">
<div class="TSDN-title">关于亚马逊SHIPTRACK</div>
<div class="TSDN-content">
为了帮助广大的中国卖家在亚马逊平台更好地经营亚马逊在2023年8月底针对中国卖家发出了一条公告可以为中国卖家的FBA货件提供更加精准的物流追踪服务对于没有使用官方合作承运商的中国FBA卖家可以考虑选择参与ShipTrack计划的承运商这些承运商会自动在卖家中心更新点对点的物流追踪信息
</div>
</div>
</div>
</template>
<script>
/**
* Index-1 component
*/
export default {
components: {
},
data(){
return {
}
},
methods: {
}
};
</script>
<style src="./componentsIndex.css" scoped>
</style>

@ -0,0 +1,35 @@
<template>
<div>
<div class="" style="margin-bottom: 83px;">
<div class="TSDN-title">关于亚马逊TSPN</div>
<div class="TSDN-content">
TSPN(Transparency Service Provider Network)即透明计划服务商网络是亚马逊全球开店品牌保护团队CNBPS与服务商之间的中长期合作计划旨在为卖家提供更好的品牌保护与成长方向的服务和体验
对于加入TSPN的服务商将能够获得亚马逊全球开店品牌保护团队提供一系列权益和资源支持进而TSPN服务商可以帮助卖家开拓业务提供更优质的服务
</div>
</div>
</div>
</template>
<script>
/**
* Index-1 component
*/
export default {
components: {
},
data(){
return {
}
},
methods: {
}
};
</script>
<style src="./componentsIndex.css" scoped>
</style>

@ -57,4 +57,293 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 28px; line-height: 28px;
} }
::v-deep .special .el-tabs__header {
padding: 0px !important;
margin: 80px 0 96px 0;
}
/* tsdn */
.TSDN-Box-mainTitle {
color: #151E2C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 46px; /* 143.75% */
margin-bottom: 44px;
padding-left: 25px;
}
.TSDN-title {
color: #151E2C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 46px; /* 143.75% */
margin-bottom: 20px;
}
.TSDN-content {
width: 720px;
color: rgba(21, 30, 44, 0.50);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 42px; /* 233.333% */
}
::v-deep .special .el-tabs__content {
padding-left: 30px;
}
.TSDN-Box {
width: 460px;
height: 110px;
flex-shrink: 0;
background: #FFF;
border-left: 4px solid #00AFAF;
padding: 30px 60px;
margin-bottom: 32px;
}
.TSDN-Box-title {
color: #151E2C;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 42px; /* 210% */
margin-bottom: 16px;
}
.TSDN-Box-content {
color: rgba(21, 30, 44, 0.50);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}
.footer-Box {
position: relative;
width: calc(100% -230px);
height: 217px;
flex-shrink: 0;
border-radius: 10px;
background: #00AFAF;
box-shadow: 0px 13px 23.1px 0px rgba(0, 175, 175, 0.20);
padding: 32px 45px 37px 185px;
margin: 100px 0 0 0;
}
.footer-Img {
position: absolute;
left: 25px;
top:-34px;
}
.footer-title {
color: #FFF;
text-shadow: 0px 4px 14.3px #007E7E;
font-family: zihunbiantaoti;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 42px; /* 105% */
margin-bottom: 22px;
}
.footer-content {
width: 64.5%;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
margin-bottom: 48px;
}
.footer-tip {
width: 188px;
height: 40px;
text-align: center;
line-height: 40px;
flex-shrink: 0;
border-radius: 10px;
background: #009898;
margin-right: 18px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 42px; /* 262.5% */
}
.footer-Qrcode {
width: 203px;
height: 203px;
flex-shrink: 0;
background: #FFF;
box-shadow: 0px -4px 20.1px 0px rgba(182, 182, 182, 0.25);
text-align: center;
line-height: 203px;
}
/* el-step */
::v-deep .el-step.is-vertical .el-step__main{
padding-left: 26px;
}
::v-deep .el-step__head.is-wait{
color: #fff;
border-color: #00AFAF;
}
::v-deep .el-step__icon.is-text {
background: #00AFAF;
}
::v-deep .el-step__line {
background: #00AFAF;
left: 13px !important;
}
::v-deep .description {
color: #1C1F35;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 100% */
}
.el-step .content {
color: #4D5563;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
margin-top: 16px;
}
/* SEND */
.SEND-Box {
padding: 34px 28px;
height: 180px;
border-radius: 30px;
/* opacity: 0.7; */
margin: 0 9px 25px;
}
.SEND-Box:last-child {
width: calc(100% - 85px);
}
.SEND-Box-title{
margin-bottom: 26px !important;
color: #151E2C;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 100% */
opacity: 100;
}
.SEND-Box-content {
color: var(--Neutral-Paragraph-Gray-500, #6C7080);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
opacity: 1;
}
.SEND-Box-content div >span {
color: #8D909C;
}
/* 头程需求 */
.amazon-Box {
width: calc(100% - 52px);
height: 62px;
flex-shrink: 0;
background-color: #fff;
margin-bottom: 24px;
padding: 26px 33px;
}
.amazon-Box:last-child {
width: calc(100% - 120px);
}
.amazon-title {
color: #151E2C;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 177.778% */
margin-bottom: 10px;
}
.amazon-content {
color: #818181;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}
.amazon-country {
color: var(--On-Surface, #23262F);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
padding-right: 4px;
border-right: 1px solid #E5E5E5;
margin-right:8px ;
}
.amazon-trans {
color: var(--Secondary, #777E90);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 171.429% */
margin-right: 55px;
}
.amazon-time {
color: #23262F;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
}
/* 承运商 */
.selectCarrier {
color: #151E2C;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
margin: 15px 0 55px 0;
padding-left: 30px;
}
.video {
width: 100%;
height: 420px;
background: rgba(211, 211, 211, 0.30);
margin-left: 20px;
margin-bottom: 70px;
}
/* 常见问答 */
.faq-item {
width: 100%;
height: 89px;
flex-shrink: 0;
background: #FFF;
margin: 0 15px;
padding: 30px 30px 40px 40px;
margin-bottom: 32px;
}
.faq-item h3{
color: #151E2C;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 145.455% */
margin-bottom: 26px;
}
.faq-item .faq-answer {
color: #666C89;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.faq-item .faq-answer i {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
flex-shrink: 0;
padding: 8px;
border-radius: 4px;
background: #00AFAF;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 16px; /* 88.889% */
}
Loading…
Cancel
Save