图标换成字体文件

view/css/admin_style.css

@@ -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) {
     .layui-layout-admin .layui-layout-left,
     .layui-layout-admin .layui-body,
@@ -75,9 +20,6 @@ body{
     background-color:#FFFFFF !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{
     background-color:rgba(24, 144, 255, 0.13) !important;
     color: rgba(24, 144, 255, 1) !important;
@@ -140,19 +82,6 @@ body{
 .admin-layui-nav-child{
     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{
     font-family: PingFangSC-Medium;
     color: rgba(99, 108, 120, 1) !important;

view/css/common.css

@@ -1,16 +1,16 @@
 @font-face {
   font-family: 'icomoon';
-    src:  url('/font/icomoon.eot?mle4db');
-    src:  url('/font/icomoon.eot?mle4db#iefix') format('embedded-opentype'),
-      url('/font/icomoon.ttf?mle4db') format('truetype'),
-      url('/font/icomoon.woff?mle4db') format('woff'),
-      url('/font/icomoon.svg?mle4db#icomoon') format('svg');
+  src:  url('/font/icomoon.eot?myxkk3');
+  src:  url('/font/icomoon.eot?myxkk3#iefix') format('embedded-opentype'),
+    url('/font/icomoon.ttf?myxkk3') format('truetype'),
+    url('/font/icomoon.woff?myxkk3') format('woff'),
+    url('/font/icomoon.svg?myxkk3#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
-  }
+}
 
-  [class^="icon-"], [class*=" icon-"] {
+[class^="icon-"], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: never;
@@ -23,33 +23,77 @@
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  }
+}
 
-  .icon-uniE9001:before {
+.icon--6:before {
+  content: "\e900";
+  color: #636c78;
+}
+.icon--6-2:before {
+  content: "\e908";
+  color: #1890ff;
+}
+.icon--8:before {
+  content: "\e90e";
+  color: #fff;
+}
+.icon-1-2:before {
+  content: "\e909";
+  color: #636c78;
+}
+.icon-uniE90A:before {
+  content: "\e90a";
+  color: #636c78;
+}
+.icon-1:before {
+  content: "\e90b";
+  color: #1890ff;
+}
+.icon-2:before {
+  content: "\e90c";
+  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 {
+}
+.icon--:before {
   content: "\e906";
   color: #c4c7cc;
-  }
-  .icon--1:before {
+}
+.icon--1:before {
   content: "\e902";
   color: #c4c7cc;
-  }
-  .icon-1:before {
+}
+.icon-11:before {
   content: "\e903";
   color: #c4c7cc;
-  }
-  .icon--2:before {
+}
+.icon--2:before {
   content: "\e904";
   color: #31b927;
-  }
-  .icon-2:before {
+}
+.icon-21:before {
   content: "\e905";
   color: #f21019;
-  }
-  .icon-uniE900:before {
+}
+.icon-uniE900:before {
   content: "\e901";
   color: #c4c7cc;
-  }
+}

view/templates/include/admin_leftmenu.html

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

view/templates/tpl/home.html

@@ -207,6 +207,29 @@
     .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{
@@ -346,7 +369,7 @@
             <img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
 
             <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="clear"></div>
             </div>
@@ -363,48 +386,48 @@
     <div class="layui-row layui-col-space20 bottom-layui-row">
       <div class="layui-col-lg2 admin-layui-col-bottom-list">
         <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-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>
       </div>
       <div class="layui-col-lg2 admin-layui-col-bottom-list">
         <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-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>
       </div>
       <div class="layui-col-lg2 admin-layui-col-bottom-list">
         <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-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>
       </div>
 
       <div class="layui-col-lg2 admin-layui-col-bottom-list">
         <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-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>
       </div>
 
       <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-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-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>
       </div>