From 961e7d793b81d7f2e8f03647b357158e91f2e8d3 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 27 Jun 2025 14:29:32 +0800
Subject: [PATCH] feat:样式调整处理
---
src/components/wel-container/main.vue | 26 +++++++++++++++-----------
1 files changed, 15 insertions(+), 11 deletions(-)
diff --git a/src/components/wel-container/main.vue b/src/components/wel-container/main.vue
index f8fe55f..5ae84fd 100644
--- a/src/components/wel-container/main.vue
+++ b/src/components/wel-container/main.vue
@@ -1,6 +1,6 @@
<template>
- <div class="basic-container" :style="styleName" :class="{ 'basic-container--block': block }">
- <el-card class="basic-container__card">
+ <div class="wel-container" :style="styleName" :class="{ 'wel-container--block': block }">
+ <el-card class="wel-container__card">
<slot></slot>
</el-card>
</div>
@@ -8,7 +8,7 @@
<script>
export default {
- name: 'basicContainer',
+ name: 'welContainer',
props: {
radius: {
type: [String, Number],
@@ -23,27 +23,29 @@
},
},
computed: {
- styleName() {
+ styleName () {
return {
borderRadius: `${this.radius}px`,
background: this.background,
- };
+ }
},
},
-};
+}
</script>
<style lang="scss" scoped>
-.basic-container {
+.wel-container {
height: 0;
flex: 1;
-padding-top: 0 !important;
+ padding-top: 0 !important;
+
// box-sizing: border-box;
// height: 100%;
.el-card {
background-color: transparent !important;
}
- .basic-container__card {
+
+ .wel-container__card {
height: 100% !important;
overflow: hidden;
@@ -53,8 +55,10 @@
height: 100% !important;
overflow: hidden;
box-sizing: border-box;
+ padding: 10px !important;
padding-top: 0 !important;
- & > div {
+
+ &>div {
height: 0;
flex: 1;
}
@@ -64,7 +68,7 @@
&--block {
height: 100%;
- .basic-container__card {
+ .wel-container__card {
height: 100%;
}
}
--
Gitblit v1.9.3