RING:侧边栏

src/layout/components/AppSubMenu.vue

@@ -37,6 +37,9 @@ import {
   DesktopOutlined,
   PayCircleOutlined,
   ProjectOutlined,
+  PlaySquareOutlined,
+  PieChartOutlined,
+  ReadOutlined,
 } from "@ant-design/icons-vue";
 const AppSubMenu = defineComponent({
   name: "AppSubMenu",
@@ -44,6 +47,9 @@ const AppSubMenu = defineComponent({
     DesktopOutlined,
     PayCircleOutlined,
     ProjectOutlined,
+    PlaySquareOutlined,
+    PieChartOutlined,
+    ReadOutlined,
   },
   props: {
     menus: {

src/layout/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-layout class="web-wrapper">
+  <a-layout class="web-wrapper slider-layout">
     <app-header />
     <a-layout>
       <a-layout-sider
@@ -72,6 +72,8 @@ import {
   DesktopOutlined,
   PayCircleOutlined,
   ProjectOutlined,
+  PieChartOutlined,
+  ReadOutlined,
 } from "@ant-design/icons-vue";
 
 const LayoutComponent = defineComponent({
@@ -81,6 +83,8 @@ const LayoutComponent = defineComponent({
     PayCircleOutlined,
     ProjectOutlined,
     DesktopOutlined,
+    PieChartOutlined,
+    ReadOutlined,
   },
   setup() {
     const { store, route, router } = useApp();
@@ -134,3 +138,15 @@ const LayoutComponent = defineComponent({
 
 export default LayoutComponent;
 </script>
+<style lang="scss" scoped>
+.slider-layout,
+.web-menu {
+  ::-webkit-scrollbar {
+    width: 0 !important;
+  }
+  ::-webkit-scrollbar {
+    width: 0 !important;
+    height: 0;
+  }
+}
+</style>

src/router/async.ts

@@ -157,7 +157,7 @@ export const Financial: RouteConfig = {
 export const QuickApp: RouteConfig = {
   name: "QuickApp",
   path: "/quickapp",
-  icon: "ProjectOutlined",
+  icon: "ReadOutlined",
   meta: {
     title: "阅文快应用"
   },
@@ -177,7 +177,7 @@ export const Performance: RouteConfig = {
 export const DataAnalysis: RouteConfig = {
   name: "DataAnalysis",
   path: "/data",
-  icon: "DesktopOutlined",
+  icon: "PieChartOutlined",
   meta: {
     title: "数据分析"
   },
@@ -211,7 +211,7 @@ export const PictureMaterial: RouteConfig = {
 export const MaterialCenter: RouteConfig = {
   name: "MaterialCenter",
   path: "/material",
-  icon: "DesktopOutlined",
+  icon: "PlaySquareOutlined",
   meta: {
     title: "素材中心"
   },