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

图标换成字体文件

pull/7/head
Jason 3 years ago
parent
94203a2dc2
commit
4a1dfd52b8
8 changed files with 150 additions and 143 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. 71
      view/css/admin_style.css
  2. 146
      view/css/common.css
  3. BIN
      view/font/icomoon.eot
  4. 15
      view/font/icomoon.svg
  5. BIN
      view/font/icomoon.ttf
  6. BIN
      view/font/icomoon.woff
  7. 16
      view/templates/include/admin_leftmenu.html
  8. 45
      view/templates/tpl/home.html

71
view/css/admin_style.css
View File

@ -1,58 +1,3 @@
@media screen and (max-width: 950px){
/* .admin-container-outer .admin-layui-header{
height: 48px !important;
background-color: #1890FF !important;
}
.admin-container-outer .admin-layui-header *{
line-height: 48px !important;
}
.admin-container-outer .admin-layui-nav-img{
width: 24px !important;
height: 24px !important;
margin-right: 8px !important;
}
.header_user_name{
color:#FFFFFF !important;
}
.admin-container-outer .header_user_info{
padding: 0 32px !important;
}
.admin-container-outer .admin-menu-list{
top: 48px !important;
width: 188px !important;
background-color: #FFFFFF !important;
}
.admin-container-outer .admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-container-outer .admin-layui-nav-tree{
background-color:#FFFFFF !important;
width: 188px !important;
padding-left: 38px !important;
}
.admin-container-outer .admin-layui-nav-item-a{
padding: 0px !important;
margin-right: 0px !important;
}
.admin-header-user-info{
padding: 0px !important;
}
.admin_logout_img{
width: 14px !important;
height: auto !important;
border-radius:unset !important;
margin-right: 0px !important;
}
.layui-nav-itemed>.admin-layui-nav-child{
background-color: #ffffff !important;
}
.layui-nav-item>.admin-layui-nav-item-title-a{
color: #000000 !important;
} */
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-layout-left,
.layui-layout-admin .layui-body, .layui-layout-admin .layui-body,
@ -75,9 +20,6 @@ body{
background-color:#FFFFFF !important; background-color:#FFFFFF !important;
color: #000000 !important; color: #000000 !important;
} }
/* .admin-menu-list a{
color: black !important;
} */
.admin-menu-list .layui-this a,.layui-nav-tree .layui-nav-child dd.layui-this{ .admin-menu-list .layui-this a,.layui-nav-tree .layui-nav-child dd.layui-this{
background-color:rgba(24, 144, 255, 0.13) !important; background-color:rgba(24, 144, 255, 0.13) !important;
color: rgba(24, 144, 255, 1) !important; color: rgba(24, 144, 255, 1) !important;
@ -140,19 +82,6 @@ body{
.admin-layui-nav-child{ .admin-layui-nav-child{
color:red !important; color:red !important;
} }
a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, i, input, li, nav, p, section, select, span, textarea, ul {
/* padding: 0;
margin: 0;
list-style: none;
font-style: normal;
text-decoration: none;
border: none;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased; */
}
.admin-layui-nav-item-a-child{ .admin-layui-nav-item-a-child{
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
color: rgba(99, 108, 120, 1) !important; color: rgba(99, 108, 120, 1) !important;

146
view/css/common.css
View File

@ -1,55 +1,99 @@
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('/font/icomoon.eot?mle4db'); src: url('/font/icomoon.eot?myxkk3');
src: url('/font/icomoon.eot?mle4db#iefix') format('embedded-opentype'), src: url('/font/icomoon.eot?myxkk3#iefix') format('embedded-opentype'),
url('/font/icomoon.ttf?mle4db') format('truetype'), url('/font/icomoon.ttf?myxkk3') format('truetype'),
url('/font/icomoon.woff?mle4db') format('woff'), url('/font/icomoon.woff?myxkk3') format('woff'),
url('/font/icomoon.svg?mle4db#icomoon') format('svg'); url('/font/icomoon.svg?myxkk3#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
} }
[class^="icon-"], [class*=" icon-"] { [class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */ /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
speak: never; speak: never;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
line-height: 1; line-height: 1;
/* Better Font Rendering =========== */ /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-uniE9001:before { .icon--6:before {
content: "\e907"; content: "\e900";
color: #c4c7cc; color: #636c78;
} }
.icon--:before { .icon--6-2:before {
content: "\e906"; content: "\e908";
color: #c4c7cc; color: #1890ff;
} }
.icon--1:before { .icon--8:before {
content: "\e902"; content: "\e90e";
color: #c4c7cc; color: #fff;
} }
.icon-1:before { .icon-1-2:before {
content: "\e903"; content: "\e909";
color: #c4c7cc; color: #636c78;
} }
.icon--2:before { .icon-uniE90A:before {
content: "\e904"; content: "\e90a";
color: #31b927; color: #636c78;
} }
.icon-2:before { .icon-1:before {
content: "\e905"; content: "\e90b";
color: #f21019; color: #1890ff;
} }
.icon-uniE900:before { .icon-2:before {
content: "\e901"; content: "\e90c";
color: #c4c7cc; color: #636c78;
} }
.icon-3:before {
content: "\e90d";
color: #1890ff;
}
.icon-dingd:before {
content: "\e90f";
color: #636c78;
}
.icon-dingd1:before {
content: "\e910";
color: #1890ff;
}
.icon-LOGO:before {
content: "\e911";
color: #fff;
}
.icon-uniE9001:before {
content: "\e907";
color: #c4c7cc;
}
.icon--:before {
content: "\e906";
color: #c4c7cc;
}
.icon--1:before {
content: "\e902";
color: #c4c7cc;
}
.icon-11:before {
content: "\e903";
color: #c4c7cc;
}
.icon--2:before {
content: "\e904";
color: #31b927;
}
.icon-21:before {
content: "\e905";
color: #f21019;
}
.icon-uniE900:before {
content: "\e901";
color: #c4c7cc;
}

BIN
view/font/icomoon.eot
View File

Binary file not shown.

15
view/font/icomoon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 39 KiB

BIN
view/font/icomoon.ttf
View File

Binary file not shown.

BIN
view/font/icomoon.woff
View File

Binary file not shown.

16
view/templates/include/admin_leftmenu.html
View File

@ -8,8 +8,8 @@
<dl class="layui-nav-child admin-layui-nav-child"> <dl class="layui-nav-child admin-layui-nav-child">
<dd class="layui-this"> <dd class="layui-this">
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> <a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child">
<img src="/images/left_menu_grey_1.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> <span class="icon-2 admin-no-select menu-left-icon-img menu-left-icon-img-15"></span>
<img src="/images/left_menu_bule_1.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> <span class="icon-3 admin-select menu-left-icon-img menu-left-icon-img-15"></span>
首页 首页
</a> </a>
</dd> </dd>
@ -27,22 +27,22 @@
<dl class="layui-nav-child admin-layui-nav-child"> <dl class="layui-nav-child admin-layui-nav-child">
<dd> <dd>
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> <a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child">
<img src="/images/left_menu_grey_2.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> <span class="icon-uniE90A admin-no-select menu-left-icon-img menu-left-icon-img-15"></span>
<img src="/images/left_menu_bule_2.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> <span class="icon-1 admin-select menu-left-icon-img menu-left-icon-img-15"></span>
发货提醒 发货提醒
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> <a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child">
<img src="/images/left_menu_grey_3.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> <span class="icon--6 admin-no-select menu-left-icon-img menu-left-icon-img-16"></span>
<img src="/images/left_menu_bule_3.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> <span class="icon--6-2 admin-select menu-left-icon-img menu-left-icon-img-16"></span>
售后监控 售后监控
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> <a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child">
<img src="/images/left_menu_grey_4.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> <span class="icon-dingd admin-no-select menu-left-icon-img"></span>
<img src="/images/left_menu_bule_4.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> <span class="icon-dingd1 admin-select menu-left-icon-img"></span>
订单列表 订单列表
</a> </a>
</dd> </dd>

45
view/templates/tpl/home.html
View File

@ -207,6 +207,29 @@
.primary-msg{ .primary-msg{
color: #69717D; 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){ @media screen and (min-width:1270px) and (max-width:1440px){
.admin-layui-col-top-right{ .admin-layui-col-top-right{
@ -346,7 +369,7 @@
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> <img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="admin-index-top-item-list-item-child"> <div class="admin-index-top-item-list-item-child">
<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="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon-11 admin-index-top-item-list-item-child-icon4"></span>待售后订单：</div>
<div class="fr">891</div> <div class="fr">891</div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
@ -363,48 +386,48 @@
<div class="layui-row layui-col-space20 bottom-layui-row"> <div class="layui-row layui-col-space20 bottom-layui-row">
<div class="layui-col-lg2 admin-layui-col-bottom-list"> <div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item"> <div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></div> <div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div> <div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div> <div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div> <div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div> </div>
</div> </div>
<div class="layui-col-lg2 admin-layui-col-bottom-list"> <div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item"> <div class="admin-index-bottom-item">
<div class="admin-card-text-1">倒计时订单(总)&nbsp;&nbsp;></div> <div class="admin-card-text-1">倒计时订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div> <div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div> <div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单还有12h超时！</div> <div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单还有12h超时！</div>
</div> </div>
</div> </div>
<div class="layui-col-lg2 admin-layui-col-bottom-list"> <div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item"> <div class="admin-index-bottom-item">
<div class="admin-card-text-1">待发货订单(总)&nbsp;&nbsp;></div> <div class="admin-card-text-1">待发货订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div> <div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div> <div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>有新增的订单啦</div> <div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>有新增的订单啦</div>
</div> </div>
</div> </div>
<div class="layui-col-lg2 admin-layui-col-bottom-list"> <div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item"> <div class="admin-index-bottom-item">
<div class="admin-card-text-1">平台介入中订单(总)&nbsp;&nbsp;></div> <div class="admin-card-text-1">平台介入中订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div> <div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div> <div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单官方客服已介入</div> <div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单官方客服已介入</div>
</div> </div>
</div> </div>
<div class="layui-col-lg2 admin-layui-col-bottom-list admin-layui-col-bottom-list-last"> <div class="layui-col-lg2 admin-layui-col-bottom-list admin-layui-col-bottom-list-last">
<div class="admin-index-bottom-item"> <div class="admin-index-bottom-item">
<div class="admin-card-text-1">待售后订单(总)&nbsp;&nbsp;></div> <div class="admin-card-text-1">待售后订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div> <div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div> <div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客想要退款</div> <div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客想要退款</div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save