Browse Source

样式部分抽离到文件

pull/7/head
Jason 3 years ago
parent
commit
b459814be1
  1. 303
      view/css/admin_style.css
  2. 301
      view/templates/tpl/home.html

303
view/css/admin_style.css

@ -92,4 +92,305 @@ body{
} }
*{ *{
-webkit-tap-highlight-color:unset !important; -webkit-tap-highlight-color:unset !important;
} }
.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;
padding-bottom: 22px;
}
.bottom-layui-row{
margin-top: 20px;
}
.admin-index-top-item-title{
width: 100%;
height: 46px;
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;
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{
max-height: 55px;
font-size: 14px;
font-family: PingFangSC-Regular;
color: #F21019;
margin-top: 25px;
overflow-y: auto;
}
.admin-index-bottom-item{
overflow: hidden;
}
.admin-index-bottom-item div{
padding-left: 22px;
padding-right: 6px;
}
.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;
}
.admin-card-text-3 span,.admin-card-text-4 span{
font-size: 11px;
margin-left: 5px;
}
.primary-msg{
color: #69717D;
}
.admin-right-arrow{
font-size: 14px;
position: relative;
top: 1px;
}
.menu-left-icon-img{
font-size: 14px;
}
.menu-left-icon-img-16.admin-select{
display: none !important;
}
.menu-left-icon-img-16{
font-size: 18px !important;
margin-right: -4px;
margin-top: -1px;
display: inline-block;
position: relative;
top: 3px;
right: 1px;
}
.menu-left-icon-img-15{
font-size: 15px !important;
}
@media screen and (min-width:1270px) and (max-width:1440px){
.admin-layui-col-top-right{
min-width: 788px;
}
.admin-layui-col-top-left{
min-width: 259px;
}
.admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-menu-list .layui-nav-tree{
width: 188px !important;
}
.admin-menu-list.layui-side{
width: 188px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this::after {
content: "";
display: block;
position: absolute;
z-index: 8;
left: 184px !important;
background-color: rgba(24, 144, 255, 1) !important;
border-radius: 4px !important;
width: 4px !important;
height: 29px !important;
margin-top: 5.5px !important;
top: 0px;
}
.admin-menu-list .layui-nav-bar{
top: 184px !important;
}
.admin-layui-body{
padding: 12px 12px 12px 0px;
}
.admin-layui-col-bottom-list{
min-width: 217px;
}
.admin-layui-col-bottom-list-last{
padding-right: 0px !important;
min-width: 207px !important;
}
}
@media screen and (min-width:1200px) and (max-width:1260px){
.admin-layui-col-top-right{
max-width: 724px !important;
}
.admin-layui-col-top-left{
min-width: 259px;
}
.admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-menu-list .layui-nav-tree{
width: 188px !important;
}
.admin-menu-list.layui-side{
width: 188px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this::after {
content: "";
display: block;
position: absolute;
z-index: 8;
left: 184px !important;
background-color: rgba(24, 144, 255, 1) !important;
border-radius: 4px !important;
width: 4px !important;
height: 29px !important;
margin-top: 5.5px !important;
top: 0px;
}
.admin-menu-list .layui-nav-bar{
top: 184px !important;
}
.admin-layui-body{
padding: 12px 12px 12px 0px;
}
.admin-layui-col-bottom-list{
min-width: 217px;
}
.admin-layui-col-bottom-list-last{
padding-right: 0px !important;
min-width: 207px !important;
}
}

301
view/templates/tpl/home.html

@ -16,307 +16,6 @@
<![endif]--> <![endif]-->
{literal} {literal}
<style> <style>
.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;
padding-bottom: 22px;
}
.bottom-layui-row{
margin-top: 20px;
}
.admin-index-top-item-title{
width: 100%;
height: 46px;
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;
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{
max-height: 55px;
font-size: 14px;
font-family: PingFangSC-Regular;
color: #F21019;
margin-top: 25px;
overflow-y: auto;
}
.admin-index-bottom-item{
overflow: hidden;
}
.admin-index-bottom-item div{
padding-left: 22px;
padding-right: 6px;
}
.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;
}
.admin-card-text-3 span,.admin-card-text-4 span{
font-size: 11px;
margin-left: 5px;
}
.primary-msg{
color: #69717D;
}
.admin-right-arrow{
font-size: 14px;
position: relative;
top: 1px;
}
.menu-left-icon-img{
font-size: 14px;
}
.menu-left-icon-img-16.admin-select{
display: none !important;
}
.menu-left-icon-img-16{
font-size: 18px !important;
margin-right: -4px;
margin-top: -1px;
display: inline-block;
position: relative;
top: 3px;
right: 1px;
}
.menu-left-icon-img-15{
font-size: 15px !important;
}
@media screen and (min-width:1270px) and (max-width:1440px){
.admin-layui-col-top-right{
min-width: 788px;
}
.admin-layui-col-top-left{
min-width: 259px;
}
.admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-menu-list .layui-nav-tree{
width: 188px !important;
}
.admin-menu-list.layui-side{
width: 188px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this::after {
content: "";
display: block;
position: absolute;
z-index: 8;
left: 184px !important;
background-color: rgba(24, 144, 255, 1) !important;
border-radius: 4px !important;
width: 4px !important;
height: 29px !important;
margin-top: 5.5px !important;
top: 0px;
}
.admin-menu-list .layui-nav-bar{
top: 184px !important;
}
.admin-layui-body{
padding: 12px 12px 12px 0px;
}
.admin-layui-col-bottom-list{
min-width: 217px;
}
.admin-layui-col-bottom-list-last{
padding-right: 0px !important;
min-width: 207px !important;
}
}
@media screen and (min-width:1200px) and (max-width:1260px){
.admin-layui-col-top-right{
max-width: 724px !important;
}
.admin-layui-col-top-left{
min-width: 259px;
}
.admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-menu-list .layui-nav-tree{
width: 188px !important;
}
.admin-menu-list.layui-side{
width: 188px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this::after {
content: "";
display: block;
position: absolute;
z-index: 8;
left: 184px !important;
background-color: rgba(24, 144, 255, 1) !important;
border-radius: 4px !important;
width: 4px !important;
height: 29px !important;
margin-top: 5.5px !important;
top: 0px;
}
.admin-menu-list .layui-nav-bar{
top: 184px !important;
}
.admin-layui-body{
padding: 12px 12px 12px 0px;
}
.admin-layui-col-bottom-list{
min-width: 217px;
}
.admin-layui-col-bottom-list-last{
padding-right: 0px !important;
min-width: 207px !important;
}
}
</style> </style>
{/literal} {/literal}
</head> </head>

Loading…
Cancel
Save