[element-ui] el-descriptions站位,换行用法

news/2024/2/21 1:24:28

使用element-ui组件el-descriptions

element-ui组件el-descriptions官方文档

需要将el-descriptions-item换行用法:使用span

(1)span 代表占位,当span 的值大于 column的值,就会自动换一行
(2)span:元素占据的列数,默认为1。默认每个item占据一个格子
在这里插入图片描述

举例说明

(1)使用组件不换位时,如下

<el-descriptions class="margin-top" :column="2" :size="size" border> <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-descriptions-item></el-descriptions>

在这里插入图片描述

(2)现在将居住地一行显示,需要在居住地那加上span=“2”

<el-descriptions class="margin-top" :column="2" :size="size" border> <el-descriptions-item label="用户名">kooriookami</el-descriptions-item><el-descriptions-item label="手机号">18100000000</el-descriptions-item><el-descriptions-item label="居住地"  span="2">苏州市</el-descriptions-item><el-descriptions-item label="个人介绍">个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍个人介绍</el-descriptions-item></el-descriptions>

在这里插入图片描述


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

相关文章

单通道 H 桥栅极驱动器MS31703NA—替代DRV8703QRHBRQ1

MS31703NA 是一款小型单通道 H 桥栅极驱动 器。它使用四个外部 N 通道 MOSFET &#xff0c;驱动一个双 向刷式直流电机。 PH/EN、独立半桥或 PWM 允许轻松连接到控制 器电路。内部传感放大器提供可调的电流控制。集 成的电荷泵可提供 100% 占空比&#xff0c;而且可用于…

微信小程序实现保存图片到本地

wxml代码 <view class"erweima"><image src"{{imgUrl}}"></image><view><text bindtap"downloadImg">保存至手机相册</text></view></view>js代码 downloadImg() {wx.showLoading({title: 加…

wx.saveImageToPhotosAlbum将图片保存到本地

首先在app.js中获取相册授权 //获取相册授权 wx.getSetting({ success(res) { if (!res.authSetting[ scope.writePhotosAlbum ]) { wx.authorize({ scope: scope.writePhotosAlbum , success() { console.log( 授权成功 ) } }) } } }) 第一种方法 //文件下载 var imgSrc &quo…

微信收藏的html文件在哪里,微信如何收藏文件?微信收藏的文件在手机哪个文件夹?...

现在的手机微信有很多的小作用&#xff0c;十分的便捷好用&#xff0c;可是许多 作用大家都不清楚&#xff0c;今日&#xff0c;网我就来来教大家怎么使用手机微信的“我的收藏”作用。这一作用十分好用&#xff0c;并且收藏的源文件删掉的话&#xff0c;大家从收藏里还是一样可…

计算机桌面文件保存位置是哪里,电脑微信接收文件存放位置在哪?怎么更改文件存放位置...

最近同事比较喜欢通过微信发送文件给我&#xff0c;每次查找电脑版微信接收的文件都不知所措&#xff0c;所以很有必要知道电脑微信接收文件的存放位置&#xff0c;同时能够更改电脑微信接收文件存放位置就更完美了。 电脑微信存放位置 C:\Users\您的主机名\Documents\WeChat F…

微信小程序通过临时图片路径拿到图片文件以及base64地址

话不多说直接上代码 //使用 this.getFileByTmpPath(tmp_path).then(res>{ //url、file、width、height console.log(res) }) //函数 function getFileByTmpPath(tempImagePath) {return new Promise((resolve, reject) > {wx.getImageInfo({src: tempImagePath,complete…

微信小程序保存图片到本地

转载&#xff1a;打开链接 wx.getImageInfo({src: https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white_fe6da1ec.png,success: function (ret) {var path ret.path;wx.saveImageToPhotosAlbum({filePath: path,success(result) {console.log(res…

计算机用户 图片存储位置,电脑版微信图片存在哪里?存储地址是什么?

我们会经常使用电脑版微信接收各种图片或者文件等&#xff0c;除非当时直接另存到其他指定地方的图片&#xff0c;其他都是自动保存在默认地址里&#xff0c;再次登录微信时也可以找到当时的图片。电脑版微信图片存在哪里呢?存储地址时什么?下面&#xff0c;小编给大家详细介…

计算机桌面文件在哪个文件夹,电脑微信文件夹储存在什么位置?

微信已经成为我们日常社交甚至办公的重要软件&#xff0c;在电脑上聊天以及办公的过程会产生大量的图片、视频、文件等&#xff0c;十分占用电脑的内存&#xff0c;使用清理工具又怕会误删重要的文件。这个时候小伙伴们会好奇电脑微信文件夹储存在什么位置&#xff0c;那电脑微…

电脑版微信文件存储在哪个文件夹可以找到

对于办公人员来说电脑上的微信是必不可少的软件&#xff0c;我们通过电脑来传输文件会比手机要方便的多&#xff0c;那么我们的微信文件又存在电脑上的哪个文件夹呢&#xff1f;这类就和大家聊聊电脑版微信文件存储在哪个文件夹可以找到吧。 还有详细的一键重装系统方法 1、当…

电脑版微信存储路径

1.普通下载的&#xff1a; 在电脑版微信默认的存储路径一般是在【系统盘&#xff1a;\Users\Administrator\Documents\WeChat Files】里面&#xff0c;具体可以在微信电脑版的【设置】-【通用设置】中查看。 2.win10商店下载的&#xff1a; 安装文件路径&#xff1a; %LOCAL…

达芬奇快编键盘使用指南——个人白皮书分享

文章目录 序言常见问题&#xff08;陆续更新&#xff09;1.没有指示灯&#xff0c;不知道怎么开机 功能分区和翻译查询A快编工具&#xff08;Smart Insrt&#xff09;B修剪工具&#xff08;Trim In&#xff09;C多功能按键&#xff08;Esc&#xff09;D多机位区&#xff08;Cam…

【电路原理学习笔记】第2章:电压、电流和电阻:2.7基本电路的测量

第2章&#xff1a;电压、电流和电阻 2.7基本电路的测量 用来测量电压的仪器是电压表&#xff0c;用来测量电流的仪器是电流表&#xff0c;用来测量电阻的仪器是欧姆表。通常&#xff0c;这3种仪器被集成到一个称为万用表的仪器中。在万用表中&#xff0c;可以通过开关选择特定…

一周信创舆情观察(7.12~7.18)

[福利&#xff1a;\[ 网络安全重磅福利&#xff1a;入门&进阶全套282G学习资源包免费分享 &#xff01;\]](https://mp.weixin.qq.com/s/BWb9OzaB-gVGVpkm161PMw ) 一、一周舆情要点 7月12日&#xff0c;工信部官网发布《网络安全产业高质量发展三年行动计划&#xff08;20…

FPGA数字信号、图像

1、基于FPGA的数字图像处理原理及应用 (牟新刚) 本书首先介绍FPGA程序设计和图像与视频处理的关键基础理论&#xff0c;然后通过实例代码详细讲解了如何利用FPGA实现直方图操作中的直方图统计/均衡化/线性拉伸/规定化、线性滤波器操作中的均值滤波器、Sobel算子(滤波、求模、求…

智能客服外包服务:企业提高客户满意度的新法宝

随着互联网技术的高速发展&#xff0c;企业对于客户服务的需求也越来越强烈。客户服务水平的提高&#xff0c;不仅有助于增加企业的用户粘性&#xff0c;还可以增强企业的市场竞争力。而智能客服外包服务&#xff0c;则是企业提高客户满意度的一个有效途径。本文将从客户的角度…

【CISSP备考】第四章-通信与网络安全

计算机和网络涉及通信设备、存储设备、处理设备、安全设备、输入设备、输出设备、操作系统、软件、服务、数据和人员。 OSI模型 协议可通过网络在计算机之间进行通信&#xff0c;协议是一组规则和限制&#xff0c;用于定义数据如何通过网络介质传输&#xff08;例如双绞线、无…

【通信工程】大三下课程设计-5G核心网功能设计与部署

目录 通信原理实验报告 项目一、5G组网方案与系统架构演进 任务一、5G组网方案认知与分析 任务二、5G系统组成与架构演进分析 任务三、5G网络架构综合设计 项目二、5G无线站点组成与建设 任务一&#xff1a;5G基站设备认知与组网实践 任务二&#xff1a;5G站点选…

PROTEL 99 常用库文件分立元件库和快捷键

http://blog.csdn.net/kobesdu/article/details/17959105 PROTEL 99 常用库文件&分立元件库 原理图常用库文件&#xff1a; MiscellaneousDevices.ddb ————各类通用元件库 Dallas Microprocessor.ddb ————Dallas公司微处理器集成电路库 Intel Databooks.ddb ——…

[网络安全自学篇] 九十.远控木马详解及APT攻击中的远控和防御

这是作者网络安全自学教程系列,主要是关于安全工具和实践操作的在线笔记,特分享出来与博友们学习,希望您喜欢,一起进步。前文分享了软件来源分析,结合APT攻击中常见的判断方法,利用Python调用扩展包进行溯源。这篇文章将详细讲解远控木马及APT攻击中的远控,包括木马的基…
最新文章