055_Descriptions描述列表

原创 已于 2022-03-05 23:51:48 修改 · 7.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css3 #css #前端

于 2022-03-05 23:51:35 首次发布
本文详细介绍了如何在Vue项目中使用Element UI的Descriptions组件，展示了其基本用法、不同尺寸和方向的实现，以及自定义样式。通过实例代码，读者可以快速上手并灵活定制描述列表。

1. Descriptions描述列表

1.1. 列表形式展示多个字段。

1.2. Descriptions Attributes

参数

说明

类型

可选值

默认值

border

是否带有边框

boolean

无

false

column

一行Descriptions Item的数量

number

无

3

direction

排列的方向

string

vertical / horizontal

horizontal

size

列表的尺寸

string

medium / small / mini

无

title

标题文本, 显示在左上方

string

无

无

extra

操作区文本, 显示在右上方
最低0.47元/天 解锁文章
PyPI 官网下载 | grapl_graph_descriptions_py-0.3.1.tar.gz
01-27
grapl_graph_descriptions_py这个包，从名字推测，可能是用于处理图描述或图数据的库。在Python中，处理图形数据的库有很多，如networkx、Graphviz等，它们广泛应用于社交网络分析、数据可视化、算法实现等领域。...
metric_descriptions
04-06
标题中的“metric_descriptions”指的是一个关于数据指标和度量的资源，可能是一个文档或代码库，用于描述在数据分析和机器学习中常用的度量标准。这些指标有助于评估模型的性能和数据的理解。描述中提到了几个关键...
Element UI描述列表：Descriptions数据展示表格
最新发布
gitblog_00980的博客
09-24 448
Element UI的Descriptions（描述列表）组件是一种高效的数据展示解决方案，特别适合在详情页中以表格形式呈现对象的多维度信息。相比传统表格，它提供了更灵活的布局控制和更优雅的信息层级展示，广泛应用于用户资料、订单详情、商品信息等场景。 ## 组件核心架构 Descriptions组件采用模块化设计，主要由三个核心文件构成： - **入口文件**：[packages/descr...
ng-zorro里的“Descriptions描述列表”使用
web
09-16 3539
官方样式 单列显示 效果 代码 thml： <p class="title1">基本信息</p> <nz-descriptions> <nz-descriptions-item nzTitle="工程图片" [nzSpan]="3" style="vertical-align: top;"> <div class="tu"> <img src="assets/images/1.jpg" alt=
Vue3描述列表（Descriptions）
Vue Amazing UI（Vue3 + TypeScript + Vite）组件库唯一开发维护者
08-02 4722
成组展示多个只读字段，常见于详情页的信息展示，支持：带边框或不带边框两张样式；水平列表或垂直列表两种模式；三种尺寸；自定义内容和样式；总之，功能丰富，简单易用，总能满足你的想象😁
div实现antd Descriptions描述列表（可灵活修改、固定宽度）
qq_40761136的博客
05-20 8937
效果如下图： 因为此处的需求需要不同的几个描述列表的label宽度位置固定。但是antd的Descriptions因为其宽度自适应原因，很难实现多个不同描述列表宽度的统一。所以这里用div重新写代码 样式： .Descriptions { background: #fff; padding: 10px; .grid { width: 100%; border-right: 1px solid #E0E0E0; display: table; >div
Element UI中的Descriptions描述列表
DF10f-0001A
11-13 7094
使用html做一个简单的展示页面，包含Descriptions描述列表。
javascript 描述列表
草堂夜归人
11-01 551
1.
精选资源
psa_van_bus_packet_descriptions:PSA VAN总线数据包描述
05-05
PSA VAN总线数据包描述 该存储库包含VAN总线数据包的描述。 这些数据包大多数都在标致307上进行了逆向工程，但它们也可以应用于其他类型（标致206、406）和雪铁龙（C2，C5，Xsara ...）车辆。 它基于Graham Auld的...
贝岭的matlab的代码-StructuredData_To_Descriptions:StructuredData_To_Descripti
06-16
贝岭的matlab的代码使用双焦点注意机制和门控正交化从结构化数据生成描述 给定 Wikipedia 信息框个性生成自然语言文本 要求： Python2.7 资料下载： The English Biography Dataset has been released as a part of ...
简洁描述列表网页模板
01-22
简洁描述列表网页模板
用elementUI的descriptions描述列表 合并单元格 实现个人简历效果
monkey7
03-25 5151
element-ui的2.15.14版本出了个Descriptions 描述列表 可以用来展示数据项详情 分为带边框和不带边框。其中column属性是指 一行 Descriptions Item 的数量 默认是3个 如果超出会被挤到下一行。descriptions合并单元格效果 可以实现类似word简历的效果 主要改的是css样式
antd Descriptions描述列表—div重构(灵活调整宽度比例)
weixin_46777355的博客
10-31 1987
因为其组件自适应的原因无法满足需求的固定样式排版，所以这里用 div块进行了模拟，对描述列表的重构，以满足需求的使用；
前端vue优雅的写出描述列表，el-descriptions，思路分享【随记】
guojixin12的博客
05-16 6399
对于代码的优雅来说，可能每个人的看法是不一样的，但是对我来说，简洁，易懂，容易维护，就够了。能够做到思路打开是最好的，不要局限在这一种方法里，大家有更好的思路，欢迎讨论。接下来这段代码是封装组件时用到的，主要是当时的详情弹窗要弹得东西太多了。这只是一个思路，一种启发。el-descriptions优雅
element-plus中，Descriptions 描述列表组件的使用
casually的博客
03-19 1136
element-plus中，Descriptions 描述列表组件的使用
vue2 elementui描述列表
warrah 南极狼
01-03 7476
mockjs正则造数、flex布局、滚动条样式、el-descriptions描述列表。 元素局中、元素内一左一右布局
【区分vue2和vue3下的element UI Descriptions 描述列表组件，分别详细介绍属性，事件，方法如何使用，并举例】
xiejunlan的博客
06-22 2127
在 Element UI（为 Vue 2 设计）和 Element Plus（为 Vue 3 设计）中，（描述列表）组件通常用于展示一系列的结构化信息。然而，需要明确的是，Element UI 官方库中并没有直接名为的组件，但在 Element Plus 中，该组件是存在的。以下将分别介绍 Element Plus 中的组件（因为 Element UI 没有该组件），并解释如何在 Vue 2 中模拟实现类似的功能。
html描述列表在线实例,HTML的列表标签
weixin_32705179的博客
05-31 294
在HTML中使用ul(无序列表)、ol(有序列表)和dl(自定义列表)。下面通过实例来学习HTML的列表。标签描述定义有序列表。定义无序列表。定义列表项。定义定义列表。定义定义项目。定义定义的描述。已废弃。使用 代替它。已废弃。使用 代替它。元素的属性属性值描述compactcompact不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。startnumber不赞成使用。请使用...
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值