.el-divider 样式

el-divider(content-position="left")span(style="color: #409EFF;font-weight: bold;") 基本信息.el-divider {background-color: #b6d7fb;height: 2px;}el-divider(content-position="left") 基本信息.el-divider {b...

美丽先生

14548人浏览 · 2021-12-29 15:54:45

美丽先生 · 2021-12-29 15:54:45 发布

请添加图片描述

      el-divider(content-position="left")
        span(style="color: #409EFF;font-weight: bold;") 基本信息

    .el-divider {
      background-color: #b6d7fb;
      height: 2px;
    }

请添加图片描述

      el-divider(content-position="left") 基本信息

    .el-divider {
      background-color: #ecf5ff;
      height: 36px;
      margin: 10px 0;
    }
    .el-divider__text.is-left {
      color: #409eff;
      background: none;
      top: 18px;
      left: 0;
      font-weight: bold;
    }

在这里插入图片描述

      {
        title: '基本信息:',
        type: '',
        key: '',
        renderContent: (h, item, form) => {
          return (<el-divider></el-divider>)
        }
      },

请添加图片描述


        {
          renderContent (h, item, form) {
            return (<div style="font-size: 18px;color: #000;font-weight: bold;margin-left: -140px;">基本信息</div>)
          }
        },

在这里插入图片描述

formList: [
  {
    isShow: false,
    renderContent (h, item, form) {
      return (<div style="font-size: 18px;color: #000;font-weight: bold;margin-left: -150px;"><el-divider content-position="left">基本信息</el-divider></div>)
    }
  },
],

css

.inspectionDialog {
  /deep/ .el-divider {
    background-color: #ecf5ff;
    height: 36px;
    margin: 10px 0;
  }
  /deep/ .el-divider__text.is-left {
    color: #409eff;
    background: none;
    top: 18px;
    left: 0;
    font-weight: bold;
  }
}