样式调整

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

@@ -80,25 +80,28 @@ export default defineComponent({
 
     const renderMenu = () => {
       return (
-        <ElMenu
+        <ElScrollbar>
-          defaultActive={unref(activeMenu)}
+          <ElMenu
-          mode={unref(menuMode)}
+            defaultActive={unref(activeMenu)}
-          collapse={
+            mode={unref(menuMode)}
-            unref(layout) === 'top' || unref(layout) === 'cutMenu' ? false : unref(collapse)
+            collapse={
-          }
+              unref(layout) === 'top' || unref(layout) === 'cutMenu' ? false : unref(collapse)
-          uniqueOpened={unref(layout) === 'top' ? false : unref(uniqueOpened)}
-          backgroundColor="var(--left-menu-bg-color)"
-          textColor="var(--left-menu-text-color)"
-          activeTextColor="var(--left-menu-text-active-color)"
-          onSelect={menuSelect}
-        >
-          {{
-            default: () => {
-              const { renderMenuItem } = useRenderMenuItem(unref(menuMode))
-              return renderMenuItem(unref(routers))
             }
-          }}
+            uniqueOpened={unref(layout) === 'top' ? false : unref(uniqueOpened)}
-        </ElMenu>
+            backgroundColor="var(--left-menu-bg-color)"
+            textColor="var(--left-menu-text-color)"
+            activeTextColor="var(--left-menu-text-active-color)"
+            onSelect={menuSelect}
+            ellipsis={false}
+          >
+            {{
+              default: () => {
+                const { renderMenuItem } = useRenderMenuItem(unref(menuMode))
+                return renderMenuItem(unref(routers))
+              }
+            }}
+          </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;
+}