refactor: 💡 综合实例查看详情重构

src/components/Detail/index.vue

@@ -37,7 +37,7 @@
                 <template v-else>{{ item.label }}</template>
               </div>
               <div class="content__item--message" :style="messageStyleObj">
-                <slot v-if="item.slots && item.slots.default" :name="item.slots.default" :row="item" />
+                <slot v-if="item.slots && item.slots.default" :name="item.slots.default" :row="data" />
                 <template v-else>{{ data[item.field] }}</template>
               </div>
             </div>
@@ -195,12 +195,15 @@ export default defineComponent({
       height: 100%;
     }
     .content__item--label {
+      font-size: 14px;
       padding: 8px 16px;
     }
     .content__item--message {
       flex: 1;
+      font-size: 14px;
       padding: 8px 16px;
       line-height: 20px;
+      color: #606266;
     }
   }
 }

src/components/Dialog/index.vue

@@ -40,6 +40,9 @@ export default defineComponent({
 
 <style lang="less" scoped>
 .com-dialog__content {
-  height: 600px;
+  @{deep}(.el-scrollbar__wrap ) {
+		max-height: 600px; // 最大高度
+		overflow-x: hidden; // 隐藏横向滚动栏
+	}
 }
 </style>