【VUE】el-descriptions 描述列表

news/2024/10/10 22:22:39/

Descriptions 描述列表

列表形式展示多个字段。 

javascript"><el-descriptions title="用户信息"><el-descriptions-item label="用户名">kooriookami</el-descriptions-item><el-descriptions-item label="手机号">18100000000</el-descriptions-item><el-descriptions-item label="居住地">苏州市</el-descriptions-item><el-descriptions-item label="备注"><el-tag size="small">学校</el-tag></el-descriptions-item><el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
</el-descriptions>

1.无数据时显示缺省符号,如无数据时显示- 

添加sass样式

// 描述列表无数据时显示 '-'
.el-descriptions.el-descriptions__body.el-descriptions-item__content:empty::after,
.el-descriptions.el-descriptions__body.el-descriptions-item__content> div:empty::after,
.el-descriptions.el-descriptions__body.el-descriptions-item__content> div> div:empty::after,
.el-descriptions.el-descriptions__body.el-descriptions-item__content.approval:empty::after,
.el-descriptions.el-descriptions__body.el-descriptions-item__contentdiv:empty::after,
.el-descriptions.el-descriptions__body.el-descriptions-item__content.line-limit-length:empty::after {content: '-';
}

 


http://www.ppmy.cn/news/1460719.html

相关文章

Java基础杂集

1、包装缓存机制&#xff1a;Byte、Short、Integer、Long默认缓存了-128—127相应类型的缓存数据&#xff0c;而Double和Float没有缓存&#xff0c;Character缓存了0 - 127之间的数据&#xff0c;Boolean直接返回false和true。 加上自动装箱拆箱&#xff08;valueOf&#xff0…

uniapp生成二维码(uQRCode)与自定义绘制样式与内容

二维码生成使用了一款基于Javascript环境开发的插件 uQRCode &#xff0c;它不仅适用于uniapp&#xff0c;也适用于所有Javascript运行环境的前端应用和Node.js。 uQRCode 插件地址&#xff1a;https://ext.dcloud.net.cn/plugin?id1287 目录 1、npm安装 2、通过import引…

BUU-[GXYCTF2019]Ping Ping Ping

考察点 命令执行 题目 解题 简单测试 ?ip应该是一个提示&#xff0c;那么就测试一下?ip127.0.0.1 http://0c02a46a-5ac2-45f5-99da-3d1b0b951307.node4.buuoj.cn:81/?ip127.0.0.1发现正常回显 列出文件 那么猜测一下可能会有命令执行漏洞&#xff0c;测试?ip127.0.…

IIS 搭建简单的http网站

一.打开IIS功能并安装 等待安装完成即可。 二. 配置网站和设置IP 三.打开目录浏览和设置WebDAV创作规则 四.添加个别文件的mime类型 五.防火墙添加入站规则

vue3组件插槽

Index.vue: <script setup> import { ref, onMounted } from vue import Child from ./Child.vue import ./index.cssonMounted(() > {}) </script><template><div class"m-home-wrap"><Child>插槽</Child><div class&qu…

MATLAB | 最新版MATLAB绘图速查表来啦!!

之前看大佬Pjer做的MATLAB速查表 http://home.ustc.edu.cn/~pjer1316/matlabplot/ 感觉非常的实用&#xff0c;最近几次MATLAB更新围绕画图方面也有很多新东西&#xff0c;于是就有了自己做一张最新版的速查表的想法&#xff0c;这张表长这样&#xff1a; 这张表的配色基本上…

数据库和Redis数据不一致的问题

目录 1. 延迟双删策略 2. 使用消息队列&#xff08;MQ&#xff09; 3. 引入分布式锁 4. 先更新数据库&#xff0c;再删除缓存 5. 设置缓存过期时间 6. 使用Redis事务 7. 监控和报警机制 数据库和Redis数据不一致的问题&#xff0c;主要源于Redis和数据库的异步写入机制。…

01-02-1

1、day10作业 使用的代码 #include<stdio.h> void change(int* i) {*i(*i) / 2; } int main() {int i 0;scanf("%d", &i);change(&i);printf("%d", i);return 0; } ​ ​ 2、day11作业 使用的代码 #include<stdio.h> #include<…