el-descriptions标题靠右,去边框

<el-descriptions size="mini" :column="4"  :labelStyle="{width: '100px',justifyContent: 'flex-end',minWidth:100}" :contentStyle="{width:'100%'}">
                <el-descriptions-item label="计划对象" extra>
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="计划区间">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="结束日期">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="币种">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="汇率">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="金额">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="完成金额">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="分机机构">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
                <el-descriptions-item label="中止">
                  <input size="mini" class="inputs" v-model="input" clearable></input>
                </el-descriptions-item>
            </el-descriptions>
  .inputs{
    border: 0;
    outline: none;
    /* 透明背景 */
    background-color: rgba(0, 0, 0, 0);
    width: 120px;
    border-bottom: 1.5px solid #dcdfe6;
    margin-left: 5px;
  }

在这里插入图片描述

相关推荐

  1. 【记录31】elementUI el-tree 虚线、键、拖拽

    2024-07-10 08:36:01       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 08:36:01       4 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 08:36:01       5 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 08:36:01       4 阅读
  4. Python语言-面向对象

    2024-07-10 08:36:01       4 阅读

热门阅读

  1. jQuery Mobile 实例

    2024-07-10 08:36:01       7 阅读
  2. Electron 简单搭建项目

    2024-07-10 08:36:01       7 阅读
  3. adb 常用的命令总结

    2024-07-10 08:36:01       12 阅读
  4. gcc: options: -specs

    2024-07-10 08:36:01       10 阅读
  5. Python题解Leetcode Hot 100之栈和堆

    2024-07-10 08:36:01       7 阅读
  6. docker容器如何与本地配置文件关联

    2024-07-10 08:36:01       11 阅读
  7. SQL 字段类型-上

    2024-07-10 08:36:01       14 阅读
  8. C++ 入门04:数组与字符串

    2024-07-10 08:36:01       7 阅读
  9. 简谈设计模式之原型模式

    2024-07-10 08:36:01       11 阅读
  10. GPT带我学-设计模式-13策略模式

    2024-07-10 08:36:01       13 阅读