feat: 默认布局样式

frontend/src/layout/default-layout.vue

@@ -159,7 +159,7 @@
     background-color: var(--color-bg-3);
     transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
     .arco-layout-content {
-      padding: 16px 0 0 16px;
+      padding: 16px 16px 0;
     }
   }
 </style>

frontend/src/layout/page-layout.vue

@@ -2,7 +2,7 @@
   <router-view v-slot="{ Component, route }">
     <transition name="fade" mode="out-in" appear>
       <!-- transition内必须有且只有一个根元素，不然会导致二级路由的组件无法渲染 -->
-      <div>
+      <div class="page-content">
         <component :is="Component" v-if="route.meta.ignoreCache" :key="route.fullPath" />
         <keep-alive v-else :include="cacheList">
           <component :is="Component" :key="route.fullPath" />
@@ -20,3 +20,12 @@
 
   const cacheList = computed(() => tabBarStore.getCacheList);
 </script>
+
+<style lang="less" scoped>
+  .page-content {
+    overflow: hidden;
+    border-radius: 12px;
+    background: #ffffff;
+    box-shadow: 0 0 10px rgb(120 56 135 / 5%);
+  }
+</style>