feat:样式调整处理

shuishen

2025-06-27 961e7d793b81d7f2e8f03647b357158e91f2e8d3

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