首页 > 其他分享 >el-image 插槽样式补全

el-image 插槽样式补全

时间:2023-07-11 09:23:46浏览次数:37  
标签:el 补全 样式 demo image 插槽

问题

el-image 有两个 插槽:placeholder 和 error

依照 demo 使用时,样式会发生偏差:

demo:
image

使用:
image

解决办法

F12 打开 demo 元素页,发现有如下样式:

image

因此,把类名粘贴到全局样式中即可:

// el-image 插槽样式
.image-slot {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  color: #909399;
}

标签:el,补全,样式,demo,image,插槽
From: https://www.cnblogs.com/shayloyuki/p/17542936.html

相关文章

  • DC_Machine_Field_Control:基于MATLAB/Simulink的直流电机弱磁控制仿真模型。
    DC_Machine_Field_Control:基于MATLAB/Simulink的直流电机弱磁控制仿真模型。仿真条件:MATLAB/SimulinkR2015bID:5260650368160590......
  • NPC_5level_Inverter:基于MATLAB/Simulink的中性点钳位五电平逆变器仿真模型。
    NPC_5level_Inverter:基于MATLAB/Simulink的中性点钳位五电平逆变器仿真模型。仿真条件:MATLAB/SimulinkR2015bID:3280650369800629......
  • 如何使用Java在Excel中实现一个数据透视表
    摘要:本文由葡萄城技术团队于博客园原创并首发。转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。前一段时间淘宝出了一个“淘宝人生”的模块,可以看从注册淘宝账号至今的消费记录,仔细想了想,现在微信、淘宝这些APP好像都喜欢出这种记录使用......
  • springcloud alibaba -sentinel 配置持久化(datasource -nacos)
    当我们对sentinel进行规则配置之后如果关闭服务在重新启动会发现配置的服务消失了,这样很不方便的,我们需要将它持久化,使用nacos对其进行持久化1.导入依赖让sentinel和nacos产生关系<!--SpringCloudailibabasentinel-datasource-nacos--><dependency><groupId>com.alib......
  • 基于RateLimiter限流组件实践
    在系统高可用设计中,接口限流是一个非常重要环节,一方面是出于对自身服务器资源的保护,另一方面也是对依赖资源的一种保护措施。比如对于Web应用,限制单机只能处理每秒1000次的请求,超过的部分直接返回错误给客户端。虽然这种做法带来了不好的用户使用体验,但是它是在极端并发下的短......
  • sql记录:FIELD函数解决mysql中in传值顺序问题
    1.问题描述in查询的结果传值顺序与结果显示顺序不一致,默认对id进行排序显示结果,eg:如果是5号用户先点赞,1号用户后点赞,但是查询结果是1号用户显示在5号用户的前面,也就是说导致结果1号用户先点赞,5号用户后点赞,需要使用FIELD函数解决2.问题解决SELECTid,phone,password,nick_n......
  • springcloud -sentinel 用户自定义限流错误处理(仅限限流异常,其他异常请使用fallback属
    pom依赖<!--SpringCloudailibabanacos--><dependency><groupId>com.alibaba.cloud</groupId><artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId></dependency>......
  • vue(十)Element-plus
    Element-plus基于Vue3,Element-ui基于Vue2,是一套前端页面组件库安装和使用安装npminstallelement-plus--save使用:按需导入,只打包使用到的组件安装插件unplugin-vue-components和unplugin-auto-importnpminstall-Dunplugin-vue-componentsunplugin-aut......
  • eletron安装卡在 node install.js,解决方案
    问题:eletron安装卡在nodeinstall.js编辑~/.npmrc加入下面内容此命令直接打开.npmrc文件,然后对其进行修改npmconfigedit加入如下代码:registry=https://registry.npm.taobao.orgelectron_mirror="https://npm.taobao.org/mirrors/electron/"然后运行安装命令,问题顺......
  • [ICDE 2022]How Learning Can Help Complex Cyclic Join Decomposition
    [ICDE2022]HowLearningCanHelpComplexCyclicJoinDecomposition总结主要贡献是把子图匹配策略的cost的判断改为了GNN实现的预测(写得挺模棱两可的)动机解决子图匹配的一个重要问题是解决复杂循环连接查询。文章除了在工程方面提供了GUI,主要的贡献是设计了合理的框架,使用A......