路由图标优化

3 years ago · a444af7be5
4 changed files with 15 additions and 4 deletions
--- a/public/index.html
+++ b/public/index.html
@ -5,6 +5,7 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimum-scale=1.0, viewport-fit=cover" />
    <link rel="icon" href="<%= BASE_URL %>favicon.png" />
+    <link rel="stylesheet" href="//at.alicdn.com/t/font_2982001_s2hea19cicp.css" />
    <title><%= webpackConfig.name %></title>
  </head>
  <body>
--- a/src/router/index.js
+++ b/src/router/index.js
@ -28,14 +28,14 @@ export const asyncRoutes = [
      {
        path: 'home',
        component: () => import('@/views/home'),
-        meta: { title: '首页', icon: 'w-icon-home' }
+        meta: { title: '首页', icon: 'icon-home' }
      }
    ]
  },
  {
    path: '/demo',
    component: Layout,
-    meta: { title: '组件事例', icon: 'w-icon-codepen', hoverIcon: 'w-icon-stackblitz' },
+    meta: { title: '组件事例', icon: 'icon-mn_gongneng', hoverIcon: 'icon-gongnengguanli' },
    children: [
      {
        path: 'form',
@ -54,7 +54,7 @@ export const asyncRoutes = [
  {
    path: '/routeNesting',
    component: Layout,
-    meta: { title: '路由嵌套', icon: 'w-icon-codepen' },
+    meta: { title: '路由嵌套', icon: 'icon-caidan' },
    children: [
      {
        path: 'primaryRouting',
@ -90,7 +90,7 @@ export const asyncRoutes = [
    children: [
      {
        path: 'http://winbox.wengetech.com/',
-        meta: { title: '外链路由', icon: 'w-icon-document' }
+        meta: { title: '外链路由', icon: 'icon-fenxiang' }
      }
    ]
  }
--- a/src/styles/layout/horizontal.less
+++ b/src/styles/layout/horizontal.less
@ -68,6 +68,11 @@
          background-color: transparent;
          box-shadow: none;

+          .iconfont {
+            font-size: @font18;
+            margin-right: 8px;
+          }
+
          .w-submenu__icon-arrow {
            position: static;
            margin: 0 0 0 4px;
--- a/src/styles/layout/vertical.less
+++ b/src/styles/layout/vertical.less
@ -46,6 +46,11 @@
      .w-menu {
        box-shadow: none;
        background-color: transparent;
+
+        .iconfont {
+          font-size: @font18;
+          margin-right: 8px;
+        }
        // 一级
        .submenu-title-noDropdown {
          color: @layoutColor;