chore: card detail style (#475)

src/main.ts

@@ -1,7 +1,4 @@
-import 'tdesign-vue-next/es/style/index.css';
+/* eslint-disable simple-import-sort/imports */
-import '@/style/index.less';
-import './permission';
-
 import TDesign from 'tdesign-vue-next';
 import { createApp } from 'vue';
 
@@ -9,6 +6,10 @@ import App from './App.vue';
 import router from './router';
 import { store } from './store';
 
+import 'tdesign-vue-next/es/style/index.css';
+import '@/style/index.less';
+import './permission';
+
 const app = createApp(App);
 
 app.use(TDesign);

src/pages/dashboard/detail/index.vue

@@ -37,7 +37,7 @@
           v-for="(item, index) in PRODUCT_LIST"
           :key="index"
           :product="item"
-          :class="{ 'row-margin': index !== 0 }"
+          :class="{ 'row-margin': index !== 0, 'product-card': true }"
         />
       </t-col>
     </t-row>
@@ -166,6 +166,23 @@ const onMaterialChange = (value: string[]) => {
   margin-top: 16px;
 }
 
+.product-card {
+  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingTB-xl);
+
+  :deep(.t-card__header) {
+    padding: 0;
+  }
+
+  :deep(.t-card__body) {
+    padding: 0;
+    margin-top: var(--td-comp-margin-xxl);
+    margin-bottom: var(--td-comp-margin-xxl);
+  }
+
+  :deep(.t-card__footer) {
+    padding: 0;
+  }
+}
 // 统一增加8px;
 .dashboard-detail-card {
   padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);

src/style/layout.less

@@ -55,14 +55,6 @@
   background: var(--td-gray-color-13);
 }
 
-.t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) {
-  background-color: var(--td-brand-color-1);
-  color: var(--td-brand-color);
-  .t-icon {
-    color: var(--td-brand-color);
-  }
-}
-
 .@{starter-prefix} {
   // 布局元素调整
   &-wrapper {