Browse Source

Merge pull request '登录页' (#26) from 20220929_login_tpl into master

Reviewed-on: #26
pull/27/head
超级管理员 3 years ago
parent
commit
381c960884
  1. 13
      control/login.php
  2. 16
      index.php
  3. 7
      view/css/Bootstrap.css
  4. BIN
      view/images/bg.png
  5. BIN
      view/images/login_logo.png
  6. BIN
      view/images/scene1.png
  7. BIN
      view/images/scene2.png
  8. 256
      view/templates/login/home.html
  9. 271
      view/templates/login/homebak.html

13
control/login.php

@ -0,0 +1,13 @@
<?php
include_once(dirname(dirname(__FILE__))."/library/publicBase.php");
include_once(SERVER_ROOT."/model/mPage.php");
class login extends publicBase {
public function home() {
$pobj = new mPdd();
$this->view['authurl'] = $pobj->getPddAuthUrl();
}
}

16
index.php

@ -50,7 +50,7 @@ class run extends publicBase {
}
private function aftercheckpara() {
$no_login_list = array('callback', 'tpl', 'api');
$no_login_list = array('callback', 'tpl', 'api', 'login');
$is_need_login = in_array($this->control_name, $no_login_list) ? false : true;
if (!$is_need_login) {
@ -81,21 +81,15 @@ class run extends publicBase {
$app_name = $_SESSION['app_name'];
if (empty($app_uid) || empty($app_name)) {
$pobj = new mPdd();
$url = $pobj->getPddAuthUrl();
header('Location:'.$url);
exit;
header('Location:/login');
exit();
}
$sobj = new mShop();
$shopinfo = $sobj->getShopByName($app_name);
if (empty($shopinfo)) {
$pobj = new mPdd();
$url = $pobj->getPddAuthUrl();
header('Location:'.$url);
exit;
header('Location:/login');
exit();
}
$this->view['_shopinfo'] = $this->para['_shopinfo'] = $shopinfo;

7
view/css/Bootstrap.css

File diff suppressed because one or more lines are too long

BIN
view/images/bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 MiB

BIN
view/images/login_logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
view/images/scene1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

BIN
view/images/scene2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

256
view/templates/login/home.html

@ -0,0 +1,256 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>登录</title>
<link href="/css/Bootstrap.css" rel="stylesheet">
<!-- Favicons -->
<meta name="theme-color" content="#7952b3">
{literal}
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
/*-------------*/
/* @font-face {
font-family: 'MicrosoftYaHei';
src: url('/font//MicrosoftYaHei.ttf');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'MicrosoftYaHei-Bold';
src: url('/font//MicrosoftYaHeiBbold.ttf');
font-style: normal;
font-weight: normal;
} */
html,body{height:100%;font-family:MicrosoftYaHei;}
body {
background: url(/images/bg.png) 100% no-repeat;
background-size: 100% 100%;
background-color:#DDE2E8;
}
.myheader {
background: linear-gradient(38deg, #35C3FF 0%, #1890FF 100%);
box-shadow: 0px 1px 4px 0px rgba(0,21,41,0.12);
min-height: 48px;
}
.mybutton {
color: #fff;border: 0px;
text-shadow: none;
width: 140px;
height: 50px;
background: linear-gradient(42deg, #35C3FF 0%, #1890FF 100%);
border-radius: 4px;
}
.mybutton:hover {
box-shadow: 0px 2px 8px 0px rgba(19,41,48,0.5);
}
.myfooter {
background: linear-gradient(38deg, #35C3FF 0%, #1890FF 100%);
box-shadow: 0px 1px 4px 0px rgba(0,21,41,0.12);
height: 48px;
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
z-index: 9999;
}
a {text-decoration: none;}
.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;
}
.scene-content {
width: 895px;
height: 248px;
}
.product-title {
height: 27px;
font-size: 18px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 27px;
}
.product-name {
height: 61px;
font-size: 46px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #000000;
line-height: 61px;
letter-spacing: 5px;
}
.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;
}
.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-bottom:1.5rem;
}
.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;
}
</style>
{/literal}
</head>
<body>
<header>
<div class="navbar navbar-dark bg-dark shadow-sm myheader">
<div class="container">
<img src="/images/login_logo.png?v=202209291631">
</div>
</div>
</header>
<main>
<section class="py-5 container" style="padding-top: 1.5rem!important;">
<div class="row py-lg-5">
<div class="col-lg-6 col-md-8">
<h5 class="product-title">拼多多&nbsp;订单预警</h5>
<h1 class="product-name">快乐帮手·烽火台</h1>
<p class="lead text-muted product-desc" style="margin-bottom:1rem">当店铺收到退款、投诉、发货超时、催发货、平台介入、中差评时,如果处理不及时,累计到一定数量后,会造成店铺被处罚、限流等严重后果。烽火台就是捕捉如上类型的紧急事件,进行及时预警,提醒运营人员及时快速的处理,提升客户满意度。</p>
<a href="{$authurl}"><button class="btn btn-primary my-2 mybutton"><span class="button-text">立即试用</span></button></a>
</div>
</div>
<div class="row mb-2 py-5" style="margin-top:1.2rem!important;">
<h1 class="scene-title">适用场景</h1>
<div class="col-md-3">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative" style="background: url(/images/scene1.png) 100% no-repeat;">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary">&nbsp;</strong>
<h3 class="mb-0">&nbsp;</h3>
<div class="mb-1 text-muted">&nbsp;</div>
<p class="card-text mb-auto scene1-desc-title">后台监控</p>
<p class="stretched-link scene1-desc-content">店铺销售量、运营状况一目了然</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative" style="background: url(/images/scene2.png) 100% no-repeat;">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary">&nbsp;</strong>
<h3 class="mb-0">&nbsp;</h3>
<div class="mb-1 text-muted">&nbsp;</div>
<p class="mb-auto scene1-desc-title">紧急事件提醒</p>
<p class="stretched-link scene1-desc-content">发货超时、退款、投诉、催发货、平台介入&nbsp;&nbsp;紧急事件不遗漏</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- <footer class="text-muted py-5"> -->
<footer class="text-muted myfooter">
<div class="container" style="text-align:center;padding-top:15px">
<span class="inc">©&nbsp;Inc.Allrights&nbsp;reserved.</span>
<a href="https://beian.miit.gov.cn" target="_blank"><span class="beian">{$smarty.const.BEIAN}</span></a>
</div>
</footer>
</body>
</html>

271
view/templates/login/homebak.html

@ -0,0 +1,271 @@
<!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">拼多多&nbsp;订单预警</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">发货超时、退款、投诉、催发货、平台介入&nbsp;&nbsp;紧急事件不遗漏
</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<span class="inc">©&nbsp;Inc.Allrights&nbsp;reserved.</span>
<a href="https://beian.miit.gov.cn" target="_blank"><span class="beian">{$smarty.const.BEIAN}</span></a>
</div>
</div>
</body>
</html>
Loading…
Cancel
Save