样式优化

src/api/modules/app.ts

@@ -10,6 +10,8 @@ const appApi = (axiosInstance: ApiInstance) => ({
   menuList: () => axiosInstance.get('app/menu/list', {
     baseURL: '/mock/',
   }),
+  // app最新版本下载地址
+  appLatestVersion: (params: any) => axiosInstance.get('/version/getMaxVersion', {params}),//查询最新版本下载地址
 })
 
 export default appApi

src/assets/styles/globals.css

@@ -5,7 +5,7 @@
 
   /* 侧边栏宽度 */
   --g-main-sidebar-width: 80px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 208px;
   --g-sub-sidebar-collapse-width: 64px;
 
   /* 侧边栏 Logo 区域高度 */
@@ -246,7 +246,7 @@ textarea {
 }
 
 .vh100 {
-  height: calc(100vh - 142px);
+  height: calc(100vh - 158px);
   border-radius: 5px;
 }
 

src/components/PageMain/index.vue

@@ -23,10 +23,18 @@ function unCollaspe() {
   isCollaspe.value = false
 }
 </script>
-
+<style lang="scss" scoped>
+.main-container {
+  height: 100%;
+  padding: 24px;
+}
+.page-main{
+  border-radius: 6px ;
+}
+</style>
 <template>
   <div
-    class="page-main relative m-4 flex flex-col bg-[var(--g-container-bg)] transition-background-color-300" :class="{
+    class="page-main relative m-[24px] flex flex-col bg-[var(--g-container-bg)] transition-background-color-300" :class="{
       'of-hidden': isCollaspe,
     }" :style="{
       height: isCollaspe ? height : '',
@@ -37,7 +45,7 @@ function unCollaspe() {
         {{ title }}
       </slot>
     </div>
-    <div class="main-container p-5" style="height: 100%;">
+    <div class="main-container p-5" style="">
       <slot />
     </div>
     <div v-if="isCollaspe" class="collaspe absolute bottom-0 w-full cursor-pointer from-transparent to-[var(--g-container-bg)] bg-gradient-to-b pb-2 pt-10 text-center" @click="unCollaspe">