application
/
kuaileorder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
订单处理
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.
22 Commits
5 Branches
0 Tags
15 MiB
Tree: 104480cd27
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '104480cd27'
${ noResults }
kuaileorder/view/templates/tpl/home.html

354 lines
12 KiB
Raw Normal View History

电商应用后台静态模板公共组件/样式封装
3 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="/images/pdd_icon.png" rel="icon">
<title>首页</title>
<link rel="stylesheet" href="/css/layui.css"/>
页面布局
3 years ago
<link rel="stylesheet" href="/css/admin_style.css"/>
首页模板
3 years ago
<link rel="stylesheet" href="/css/common.css"/>
电商应用后台静态模板公共组件/样式封装
3 years ago
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{literal}
<style>
页面布局
3 years ago
.admin-index-top-item{
width: 100%;
height: 373px;
background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
border-radius: 3px;
}
.admin-layui-body{
padding:12px;
}
.admin-index-bottom-item{
width: 100%;
height: 260px;
background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
border-radius: 3px;
}
.bottom-layui-row{
margin-top: 20px;
}
.admin-index-top-item-title{
width: 100%;
height: 46px;
首页模板
3 years ago
line-height: 46px;
padding-left: 18px;
color: rgba(0, 0, 0, 0.65);
font-size: 16px;
font-family: PingFangSC-Regular;
text-align: left;
white-space: nowrap;
}
.admin-index-top-item-title-line{
width: 100%;
height: 1px;
background-color: rgba(232, 232, 232, 1);
}
.admin-index-top-item-list-title{
width: 56px;
height: 22px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-family: PingFangSC-Medium;
text-align: left;
white-space: nowrap;
line-height: 22px;
margin: 18px 0 0 18px;
}
.admin-dashed-line{
width: 100%;
height: 1px;
}
.admin-index-top-item-list-item-child{
line-height: 1px;
padding-left: 18px;
}
.fl{
float: left;
}
.fr{
float: right;
}
.clear{
clear: both;
width: 0px;
height: 0px;
}
.admin-index-top-item-list-item-child div:first-child{
width: 70px;
height: 22px;
color: rgba(99, 108, 120, 1);
font-size: 14px;
font-family: PingFangSC-Regular;
text-align: left;
white-space: nowrap;
line-height: 25px;
margin-left: 4px;
}
.admin-index-top-item-list-item-child div:nth-child(2){
height: 22px;
color: rgba(105, 113, 125, 1);
font-size: 14px;
font-family: PingFangSC-Regular;
text-align: left;
white-space: nowrap;
line-height: 25px;
margin-left: 51px;
padding-right: 28px;
}
.admin-index-top-item-list-item-child-icon1,.admin-index-top-item-list-item-child-icon2,.admin-index-top-item-list-item-child-icon3,.admin-index-top-item-list-item-child-icon4,.admin-index-top-item-list-item-child-icon5{
font-size: 16px;
margin-right: 5px;
}
.admin-index-top-item-list-item-child-dot-red,.admin-index-top-item-list-item-child-dot-grey{
margin-right: 5px;
}
.admin-index-top-item-list-item-child-dot1{
margin-right: 0px !important;
}
.admin-index-top-item-list-item-child-dot-grey::after{
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #C3C6CB;
border-radius: 50%;
position: relative;
top: -4px;
}
.admin-index-top-item-list-item-child-dot-red::after{
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #F21019;
border-radius: 50%;
position: relative;
top: -4px;
}
.admin-card-text-1{
width: 100%;
height: 16px;
font-size: 16px;
font-family: PingFangSC-Regular;
color: #636C78;
margin-top: 21px;
}
.admin-card-text-2{
height: 28px;
font-size: 28px;
font-family: DINAlternate-Bold;
font-weight: bold;
color: #000000;
margin-top: 39px;
}
.admin-card-text-2 span{
width: 14px;
height: 14px;
font-size: 14px;
font-family: PingFangSC-Regular;
color: #636C78;
line-height: 14px;
}
.admin-card-text-3{
height: 12px;
font-size: 12px;
font-family: PingFangSC-Regular;
color: #5F5F5F;
margin-top: 39px;
}
.admin-card-text-4{
height: 12px;
font-size: 12px;
font-family: PingFangSC-Regular;
color: #5F5F5F;
margin-top: 21px;
}
.admin-card-text-5{
height: 14px;
font-size: 14px;
font-family: PingFangSC-Regular;
color: #F21019;
margin-top: 25px;
}
.admin-index-bottom-item{
overflow: hidden;
}
.admin-index-bottom-item div{
padding-left: 22px;
}
.admin-index-top-item-list-item-child-dot-red2{
margin-right: 5px;
}
.admin-index-top-item-list-item-child-dot-red2::after{
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #F21019;
border-radius: 50%;
position: relative;
top: -2px;
电商应用后台静态模板公共组件/样式封装
3 years ago
}
</style>
{/literal}
</head>
<body>
<div class="layui-layout layui-layout-admin admin-container-outer">
{include file="include/admin_header.html"}
{include file="include/admin_leftmenu.html"}
页面布局
3 years ago
<div class="layui-body admin-layui-body layui-anim layui-anim-fadein">
<div class="layui-row layui-col-space12">
首页模板
3 years ago
<div class="layui-col-lg3">
页面布局
3 years ago
<div class="admin-index-top-item">
<div class="admin-index-top-item-title">今日动态</div>
首页模板
3 years ago
<div class="admin-index-top-item-title-line"></div>
页面布局
3 years ago
<div class="admin-index-top-item-list-title">发货动态</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
<div class="admin-index-top-item-list-item">
<div class="admin-index-top-item-list-item-child">
首页模板
3 years ago
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red admin-index-top-item-list-item-child-dot1"></i> <span class="icon-- admin-index-top-item-list-item-child-icon1"></span>催发订单：</div>
<div class="fr">323,234</div>
<div class="clear"></div>
页面布局
3 years ago
</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
<div class="admin-index-top-item-list-item-child">
首页模板
3 years ago
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red"></i><span class="icon-uniE900 admin-index-top-item-list-item-child-icon2"></span>倒计时订单：</div>
<div class="fr">234</div>
<div class="clear"></div>
页面布局
3 years ago
</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
<div class="admin-index-top-item-list-item-child">
首页模板
3 years ago
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon--1 admin-index-top-item-list-item-child-icon3"></span>待发货订单：</div>
<div class="fr">809,1</div>
<div class="clear"></div>
页面布局
3 years ago
</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
</div>
<div class="admin-index-top-item-list-title">售后动态</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
<div class="admin-index-top-item-list-item">
<div class="admin-index-top-item-list-item-child">
首页模板
3 years ago
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red"></i><span class="icon-uniE9001 admin-index-top-item-list-item-child-icon4"></span>平台介入中：</div>
<div class="fr">809,1</div>
<div class="clear"></div>
页面布局
3 years ago
</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
<div class="admin-index-top-item-list-item-child">
首页模板
3 years ago
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon-1 admin-index-top-item-list-item-child-icon4"></span>待售后订单：</div>
<div class="fr">891</div>
<div class="clear"></div>
页面布局
3 years ago
</div>
首页模板
3 years ago
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
页面布局
3 years ago
</div>
</div>
</div>
首页模板
3 years ago
<div class="layui-col-lg9">
页面布局
3 years ago
<div class="admin-index-top-item">2</div>
</div>
</div>
<div class="layui-row layui-col-space20 bottom-layui-row">
<div class="layui-col-lg2">
首页模板
3 years ago
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">761<span>单</span></div>
<div class="admin-card-text-3">日增长：+0.61%</div>
<div class="admin-card-text-4">周减少：-0.61%</div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div>
页面布局
3 years ago
</div>
<div class="layui-col-lg2">
首页模板
3 years ago
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">761<span>单</span></div>
<div class="admin-card-text-3">日增长：+0.61%</div>
<div class="admin-card-text-4">周减少：-0.61%</div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div>
页面布局
3 years ago
</div>
<div class="layui-col-lg2">
首页模板
3 years ago
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">761<span>单</span></div>
<div class="admin-card-text-3">日增长：+0.61%</div>
<div class="admin-card-text-4">周减少：-0.61%</div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div>
页面布局
3 years ago
</div>
<div class="layui-col-lg2">
首页模板
3 years ago
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">761<span>单</span></div>
<div class="admin-card-text-3">日增长：+0.61%</div>
<div class="admin-card-text-4">周减少：-0.61%</div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div>
页面布局
3 years ago
</div>
<div class="layui-col-lg2">
首页模板
3 years ago
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">761<span>单</span></div>
<div class="admin-card-text-3">日增长：+0.61%</div>
<div class="admin-card-text-4">周减少：-0.61%</div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div>
页面布局
3 years ago
</div>
电商应用后台静态模板公共组件/样式封装
3 years ago
</div>
页面布局
3 years ago
电商应用后台静态模板公共组件/样式封装
3 years ago
</div>
页面布局
3 years ago
电商应用后台静态模板公共组件/样式封装
3 years ago
<div class="layui-footer">
底部固定区域
</div>
</div>
<script src="/js/layui.js"></script>
{literal}
<script>
layui.use(['element', 'layer', 'util'], function(){
var element = layui.element
,layer = layui.layer
,util = layui.util
,$ = layui.$;
util.event('lay-header-event', {
menuLeft: function(othis){
layer.msg('展开左侧菜单的操作', {icon: 0});
}
,menuRight: function(){
layer.open({
type: 1
,title: '更多'
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt'
,anim: 5
,shadeClose: true
,scrollbar: false
});
}
});
});
</script>
{/literal}
</body>
</html>