application
/
kuaileorder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

Reviewed-on: #26
pull/27/head
超级管理员 3 years ago
parent
ce7cc31a60 59e9876757
commit
381c960884
9 changed files with 552 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -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
View File

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

7
view/css/Bootstrap.css
View File

File diff suppressed because one or more lines are too long

BIN
view/images/bg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 MiB

BIN
view/images/login_logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
view/images/scene1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
view/images/scene2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

256
view/templates/login/home.html
View File

@ -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
View File

@ -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>
Write Preview
Loading…
Cancel
Save