refactor(components): 将容器组件从 workplace 模块中独立出来

- 从 workplace/modules 目录中移除 container.vue 文件- 在根 components 目录下创建新的 container.vue 文件
- 更新 workplace/index.vue 中的 Container 组件引用
- 调整 container.vue 中的样式，增加 border-radius 属性
- 修改 workplace/index.vue 中的 body 样式，使用 !important 优先级

src/components/container.vue

@@ -17,6 +17,7 @@ const props = defineProps<{
   border: 1px solid var(--BG-300, rgba(230, 230, 232, 1));
   background: var(--BG-white, rgba(255, 255, 255, 1));
   padding: 16px 24px 20px 24px;
+  border-radius: 8px;
 }
 .title {
   font-family: Alibaba PuHuiTi, serif;
@@ -24,6 +25,7 @@ const props = defineProps<{
   font-size: 18px;
   line-height: 24px;
   vertical-align: middle;
-  margin-bottom: 0px;
+  margin: 0;
+  padding: 0;
 }
 </style>

src/views/components/workplace/index.vue

@@ -21,7 +21,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import Container from '@/views/components/workplace/modules/container.vue';
+import Container from '@/components/container.vue';
 import Product from '@/views/components/workplace/modules/product.vue';
 import Case from '@/views/components/workplace/modules/case.vue';
 import { fetchProductList, fetchSuccessCaseList } from '@/api/all/index';
@@ -44,7 +44,7 @@ const getSuccessCaseList = async () => {
 
 <style scoped lang="less">
 .body {
-  padding-left: 0;
+  padding-left: 0 !important;
   :deep(> .title) {
     padding-left: 20px;
   }