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

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

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;
   }

src/views/components/workplace/modules/container.vue

@@ -1,29 +0,0 @@
-<template>
-  <div class="container">
-    <h1 class="title">{{ props.title }}</h1>
-    <div>
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  title: string;
-}>();
-</script>
-<style scoped lang="less">
-.container {
-  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;
-}
-.title {
-  font-family: Alibaba PuHuiTi, serif;
-  font-weight: 400;
-  font-size: 18px;
-  line-height: 24px;
-  vertical-align: middle;
-  margin-bottom: 0px;
-}
-</style>