饿了么组件库使用遇到的问题

简介: 饿了么组件库使用遇到的问题


Tabs 标签页组件


个人感觉组件中带的这个灰色线性背景影响美观,所以研究了下。


去除方法为:

它这条线是使用以下命名的伪类添加的,所以那么我们直接在CSS中设:

.el-tabs__nav-wrap::after {
  width: 0 !important;
}


将它的宽设为0,就成功的去除了此线性灰色背景了。

去除后的效果


有没有觉得变得好看简介了许多呢?


Message 消息提示组件


Message被dialog覆盖

解决方案:


修改dialog的z-index:😒-index=“1000”

<el-dialog v-model="dialogFormVisible" :z-index="1000" width="440px" custom-class="dialog
引入ElMessage、Notification 报错
import { ElMessage } from 'element-plus'

改成
import { ElMessage } from 'element-plus/dist/index.full.js'

相关文章
|
移动开发 人工智能 前端开发
7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐
优秀的 React UI 移动端组件库和模版框架,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有帮我们把组件的轮子装好的 React admin 后台管理系统。本文推荐 7 款适用于中文使用者习惯的开源 React 移动端 UI 库,特别针对国内使用场景推荐。
4552 0
|
9月前
按需引入饿了么组件
按需引入饿了么组件
|
12月前
|
前端开发 数据可视化 搜索推荐
都 2021 了,你还在为 React 可视化组件库选型发愁吗?
都 2021 了,你还在为 React 可视化组件库选型发愁吗?
212 0
|
SQL 开发框架 JavaScript
腾讯开源组件库tdesign-vue:新增组件时是如何初始化的
组件库在添加一个组件的时候,可能会涉及到很多初始化的问题,比如要添加组件库入口文件、组件的说明文档文件、demo例子的入口文件,单元测试的入口文件等等
292 0
|
移动开发 小程序 前端开发
走进小程序【八】微信小程序中使用【Vant组件库】
走进小程序【八】微信小程序中使用【Vant组件库】
710 0
走进小程序【八】微信小程序中使用【Vant组件库】
|
存储 资源调度 前端开发
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
本章介绍采用Monorepo的方式管理组件生态
866 0
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
|
存储 安全 关系型数据库
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入(上)
文章目录 一、项目初始化 二、数据模型设计 1.用户数据模型设计 2.商品数据模型设计 3.交易数据模型设计 4.用户操作数据模型设计 三、xadmin后台管理系统的配置 四、数据迁移和数据导入 1.migration原理和表的生成 2.导入商品类别和商品数据
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入(上)
|
关系型数据库 MySQL 数据库
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入(中)
文章目录 一、项目初始化 二、数据模型设计 1.用户数据模型设计 2.商品数据模型设计 3.交易数据模型设计 4.用户操作数据模型设计 三、xadmin后台管理系统的配置 四、数据迁移和数据导入 1.migration原理和表的生成 2.导入商品类别和商品数据
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入(中)
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入(下)
文章目录 一、项目初始化 二、数据模型设计 1.用户数据模型设计 2.商品数据模型设计 3.交易数据模型设计 4.用户操作数据模型设计 三、xadmin后台管理系统的配置 四、数据迁移和数据导入 1.migration原理和表的生成 2.导入商品类别和商品数据
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入(下)
|
前端开发 开发工具 git
【Vue3.0移动端项目--旅游网】--项目初始化搭建
【Vue3.0移动端项目--旅游网】--项目初始化搭建
247 0
【Vue3.0移动端项目--旅游网】--项目初始化搭建