样式调整

kinit-admin/src/components/Menu/src/Menu.vue

@@ -80,6 +80,7 @@ export default defineComponent({
 
     const renderMenu = () => {
       return (
+        <ElScrollbar>
           <ElMenu
             defaultActive={unref(activeMenu)}
             mode={unref(menuMode)}
@@ -91,6 +92,7 @@ export default defineComponent({
             textColor="var(--left-menu-text-color)"
             activeTextColor="var(--left-menu-text-active-color)"
             onSelect={menuSelect}
+            ellipsis={false}
           >
             {{
               default: () => {
@@ -99,6 +101,7 @@ export default defineComponent({
               }
             }}
           </ElMenu>
+        </ElScrollbar>
       )
     }
 

kinit-admin/src/layout/components/AppView.vue

@@ -20,7 +20,7 @@ const getCaches = computed((): string[] => {
 </script>
 
 <template>
-  <div
+  <section
     :class="[
       'w-[100%] bg-[var(--app-content-bg-color-new)] dark:bg-[var(--el-bg-color)] flex flex-col',
       {
@@ -48,6 +48,6 @@ const getCaches = computed((): string[] => {
         </KeepAlive>
       </template>
     </RouterView>
-  </div>
+  </section>
   <Footer v-if="footer" />
 </template>

kinit-admin/src/styles/index.less

@@ -11,4 +11,7 @@
   width: 100% !important;
 }
 
-
+// 解决element-plus 中的日期组件宽度无法设置100%的问题
+.el-table__body tr.current-row>td.el-table__cell {
+  background-color: #a0cfff !important;
+}