导航菜单名字超出显示省略号，修改通知组件默认样式 (#187)

* style(src/components/layout/SideBar.vue): 菜单文字过长则显示省略号

菜单文字过长则显示省略号

* style(修改通知组件默认样式):

Author: lucienstar

src/assets/styles/realize/element-variables.scss

@@ -817,3 +817,33 @@ $typeMap: (primary:#3963BC,
     }
   }
 }
+
+/* message */
+@include b(message) {
+  @include m(info) {
+    background-color: #ECF1FF;
+    border-color: #97B8FF;
+    .el-message__content {
+      color: #3963bc;
+    }
+  }
+  & .el-icon-info {
+    color: #3963BC;
+  }
+}
+
+/* notification */
+@include b(notification) {
+  border: 1px solid #97B8FF;
+  background-color: #ECF1FF;
+  @include e(title) {
+    color: #3963BC;
+  }
+
+  @include e(content) {
+    color: #3963BC;
+  }
+  .el-icon-info {
+    color: #3963BC;
+  }
+}

src/components/layout/SideBar.vue

@@ -17,6 +17,7 @@
         active-text-color="#1890ff">
         <template v-for="(item) in sideBarList">
           <el-submenu
+            class="subMenuContent"
             v-if="item.children"
             :key="idMap[item.name]"
             :index="idMap[item.name]"
@@ -29,7 +30,7 @@
 
             <!-- 二级菜单 -->
             <template v-for="(subItem) in item.children">
-              <el-submenu v-if="subItem.children" :key="idMap[subItem.name]" :index="idMap[subItem.name]">
+              <el-submenu v-if="subItem.children" :key="idMap[subItem.name]" :index="idMap[subItem.name]" class="subMenuContent">
                 <template slot="title">
                   <i class="iconfont icon-erjizhibiao"></i>
                   <span slot="title" class="two-folder">{{subItem.title}}</span>
@@ -41,7 +42,7 @@
                   :key="idMap[grandchildItem.name]"
                   :to="grandchildItem.path"
                   class="circle third">
-                  <el-menu-item :index="idMap[grandchildItem.name]" style="padding-left: 80px;">
+                  <el-menu-item :index="idMap[grandchildItem.name]" style="padding-left: 80px;" class="subMenuContent">
                     {{grandchildItem.title}}
                   </el-menu-item>
                 </router-link>
@@ -52,7 +53,7 @@
                 :key="subItem.name"
                 class="circle"
                 v-else>
-                <el-menu-item :index="idMap[subItem.name]" style="padding-left: 60px;">
+                <el-menu-item :index="idMap[subItem.name]" style="padding-left: 60px;" class="subMenuContent">
                   {{subItem.title}}
                 </el-menu-item>
               </router-link>
@@ -62,6 +63,7 @@
 
           <!-- 一级else -->
           <el-menu-item
+            class="subMenuContent"
             :index="idMap[item.name]"
             @click="goto(item.path)"
             v-else
@@ -152,7 +154,11 @@ export default {
     width: 0px;
     height: 0px;
   }
-
+  .subMenuContent {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .logo {
     width: $sidebar-width;
     height: $header-height;

src/plugins/LinCmsUi/views/notice/Message.vue

@@ -273,8 +273,8 @@ export default {
       const h = this.$createElement
       this.$message({
         message: h('p', null, [
-          h('span', null, '内容可以是 '),
-          h('i', { style: 'color: teal' }, 'VNode'),
+          h('span', { style: 'color: #3963BC' }, '内容可以是 '),
+          h('i', { style: 'color: #3963BC' }, 'VNode'),
         ]),
       })
     },

src/plugins/LinCmsUi/views/notice/Notification.vue

@@ -370,7 +370,7 @@ export default {
       const h = this.$createElement
       this.$notify({
         title: '标题名称',
-        message: h('i', { style: 'color: teal' }, '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案'),
+        message: h('i', { style: 'color: #3963BC' }, '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案'),
       })
     },