You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
272 lines
8.8 KiB
272 lines
8.8 KiB
3 years ago
|
<!doctype html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" product="IE=edge">
|
||
|
|
<meta name="viewport" product="width=device-width, initial-scale=1">
|
||
|
|
<meta name="description" product="">
|
||
|
|
<meta name="author" product="">
|
||
|
|
<link href="/images/pdd_icon.png" rel="icon">
|
||
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous">
|
||
|
|
<title>登录</title>
|
||
|
|
{literal}
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
margin:0px;
|
||
|
|
background: url(/images/bg.png) 100% no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
a {text-decoration: none;}
|
||
|
|
|
||
|
|
.header {
|
||
|
|
background: linear-gradient(38deg, #35C3FF 0%, #1890FF 100%);
|
||
|
|
box-shadow: 0px 1px 4px 0px rgba(0,21,41,0.12);
|
||
|
|
min-height: 48px;
|
||
|
|
}
|
||
|
|
.logo {
|
||
|
|
height: 22px;
|
||
|
|
margin-left:137px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.product {
|
||
|
|
height:100%;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.product-title {
|
||
|
|
height: 27px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(0, 0, 0, 1);
|
||
|
|
font-size: 18px;
|
||
|
|
font-family: MicrosoftYaHei;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 27px;
|
||
|
|
margin: 79px 0 0 137px;
|
||
|
|
}
|
||
|
|
.product-name {
|
||
|
|
height: 61px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(0, 0, 0, 1);
|
||
|
|
font-size: 46px;
|
||
|
|
letter-spacing: 5.400000095367432px;
|
||
|
|
font-family: MicrosoftYaHei-Bold;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 61px;
|
||
|
|
margin: 12px 0 0 132px;
|
||
|
|
}
|
||
|
|
.button {
|
||
|
|
color: #fff;border: 0px;
|
||
|
|
text-shadow: none;
|
||
|
|
width: 140px;
|
||
|
|
height: 50px;
|
||
|
|
background: linear-gradient(42deg, #35C3FF 0%, #1890FF 100%);
|
||
|
|
border-radius: 4px;
|
||
|
|
margin: 32px 0 0 132px;
|
||
|
|
}
|
||
|
|
.button:hover {
|
||
|
|
box-shadow: 0px 2px 8px 0px rgba(19,41,48,0.5);
|
||
|
|
}
|
||
|
|
.button-text {
|
||
|
|
height: 25px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 18px;
|
||
|
|
font-family: PingFangSC-Semibold;
|
||
|
|
text-align: center;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 25px;
|
||
|
|
}
|
||
|
|
.product-desc {
|
||
|
|
width:600px;
|
||
|
|
height: 108px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(0, 0, 0, 0.6);
|
||
|
|
font-size: 18px;
|
||
|
|
font-family: MicrosoftYaHeiLight;
|
||
|
|
text-align: left;
|
||
|
|
line-height: 27px;
|
||
|
|
margin: 12px 0 0 134px;
|
||
|
|
}
|
||
|
|
.scene-title {
|
||
|
|
height: 37px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(0, 0, 0, 1);
|
||
|
|
font-size: 28px;
|
||
|
|
font-family: MicrosoftYaHei;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 37px;
|
||
|
|
margin: 79px 0 0 132px;
|
||
|
|
}
|
||
|
|
.scene-content {
|
||
|
|
width: 895px;
|
||
|
|
height: 248px;
|
||
|
|
margin: 32px 0 150px 132px;
|
||
|
|
}
|
||
|
|
.scene1-content {
|
||
|
|
background-color: rgba(216, 216, 216, 1);
|
||
|
|
border-radius: 8px;
|
||
|
|
height: 248px;
|
||
|
|
width: 350px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.scene1-content-bg {
|
||
|
|
height: 248px;
|
||
|
|
background: url(/images/scene1.png) 100% no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 350px;
|
||
|
|
}
|
||
|
|
.scene1-content-text {
|
||
|
|
width: 196px;
|
||
|
|
height: 51px;
|
||
|
|
padding: 177px 0 0 24px;
|
||
|
|
}
|
||
|
|
.scene1-desc-title {
|
||
|
|
width: 64px;
|
||
|
|
height: 21px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: MicrosoftYaHei;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
.scene1-desc-content {
|
||
|
|
width: 196px;
|
||
|
|
height: 19px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: MicrosoftYaHeiLight;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 19px;
|
||
|
|
margin-top: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scene2-content {
|
||
|
|
background-color: rgba(216, 216, 216, 1);
|
||
|
|
border-radius: 8px;
|
||
|
|
height: 248px;
|
||
|
|
width: 515px;
|
||
|
|
float:left;
|
||
|
|
position:relative;
|
||
|
|
left:30px;
|
||
|
|
}
|
||
|
|
.scene2-content-bg {
|
||
|
|
height: 248px;
|
||
|
|
background: url(/images/scene2.png) 100% no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
width: 515px;
|
||
|
|
}
|
||
|
|
.scene2-content-text {
|
||
|
|
width: 196px;
|
||
|
|
height: 51px;
|
||
|
|
padding: 177px 0 0 24px;
|
||
|
|
}
|
||
|
|
.scene2-desc-title {
|
||
|
|
width: 96px;
|
||
|
|
height: 21px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: MicrosoftYaHei;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
.scene2-desc-content {
|
||
|
|
width: 56px;
|
||
|
|
height: 19px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: MicrosoftYaHeiLight;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 19px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer {
|
||
|
|
width:100%;
|
||
|
|
height: 33px;
|
||
|
|
background: linear-gradient(38deg, #35C3FF 0%, #1890FF 100%);
|
||
|
|
box-shadow: 0px 1px 4px 0px rgba(0,21,41,0.12);
|
||
|
|
text-align:center;
|
||
|
|
padding-top:15px;
|
||
|
|
}
|
||
|
|
.inc {
|
||
|
|
height: 19px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 14px;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
font-family: MicrosoftYaHeiLight;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 19px;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
.beian {
|
||
|
|
height: 19px;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
font-size: 14px;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
font-family: MicrosoftYaHeiLight;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 19px;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
{/literal}
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="header"><div class="logo"><img src="/images/login_logo.png?v=202209291631" style="margin-top:13px"></div></div>
|
||
|
|
|
||
|
|
<div class="product">
|
||
|
|
<div class="product-title">拼多多 订单预警</div>
|
||
|
|
<div class="product-name">快乐帮手·烽火台</div>
|
||
|
|
<div class="product-desc">当店铺收到退款、投诉、发货超时、催发货、平台介入、中差评时，如果处理不及时，累计到一定数量后，会造成店铺被处罚、限流等严重后果。烽火台就是捕捉如上类型的紧急事件，进行及时预警，提醒运营人员及时快速的处理，提升客户满意度。</div>
|
||
|
|
|
||
|
|
<a href="{$authurl}"><button class="button"><span class="button-text">立即试用</span></button></a>
|
||
|
|
|
||
|
|
<div class="scene-title">适用场景</div>
|
||
|
|
<div class="scene-content">
|
||
|
|
<div class="scene1-content">
|
||
|
|
<div class="scene1-content-bg">
|
||
|
|
<div class="scene1-content-text">
|
||
|
|
<span class="scene1-desc-title">后台监控</span>
|
||
|
|
<span class="scene1-desc-content">店铺销售量、运营状况一目了然</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="scene2-content">
|
||
|
|
<div class="scene2-content-bg">
|
||
|
|
<div class="scene2-content-text">
|
||
|
|
<span class="scene2-desc-title">紧急事件提醒</span>
|
||
|
|
<span class="scene2-desc-content">发货超时、退款、投诉、催发货、平台介入 紧急事件不遗漏
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footer">
|
||
|
|
<span class="inc">© Inc.Allrights reserved.</span>
|
||
|
|
<a href="https://beian.miit.gov.cn" target="_blank"><span class="beian">{$smarty.const.BEIAN}</span></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|