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

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


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'

相关文章
|
3月前
|
存储 JavaScript
解锁Vuex高级玩法:模块化与插件共舞,让你的Vue项目状态管理如虎添翼!
【8月更文挑战第27天】Vuex是一款专为Vue.js应用程序设计的状态管理模式及库,它通过集中管理组件状态来确保状态变更的可预测性。在大型应用中,采用模块化管理可以让代码结构更加清晰,同时利用插件增强功能。模块化管理允许将store拆分为包含各自state、mutations、actions和getters的独立模块。插件则能监听状态变化,实现诸如日志记录或数据持久化等功能。本文通过具体示例介绍了如何在Vuex中实现模块化管理和插件的高级应用。
57 1
|
移动开发 前端开发 小程序
7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐
优秀的 React UI 移动端组件库和模版框架,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有帮我们把组件的轮子装好的 React admin 后台管理系统。本文推荐 7 款适用于中文使用者习惯的开源 React 移动端 UI 库,特别针对国内使用场景推荐。
5061 0
|
3月前
|
存储 前端开发 JavaScript
|
6月前
|
开发框架 小程序 JavaScript
高颜值微信小程序 UI 组件库!
高颜值微信小程序 UI 组件库!
268 1
|
移动开发 小程序 前端开发
走进小程序【八】微信小程序中使用【Vant组件库】
走进小程序【八】微信小程序中使用【Vant组件库】
881 0
走进小程序【八】微信小程序中使用【Vant组件库】
|
存储 资源调度 前端开发
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
本章介绍采用Monorepo的方式管理组件生态
1121 0
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
|
前端开发 数据可视化 搜索推荐
都 2021 了,你还在为 React 可视化组件库选型发愁吗?
都 2021 了,你还在为 React 可视化组件库选型发愁吗?
289 0
|
SQL 开发框架 JavaScript
腾讯开源组件库tdesign-vue:新增组件时是如何初始化的
组件库在添加一个组件的时候,可能会涉及到很多初始化的问题,比如要添加组件库入口文件、组件的说明文档文件、demo例子的入口文件,单元测试的入口文件等等
364 0
|
开发者 前端开发
「前端组件化」以Antd为例,快速打通UI组件开发的任督二脉
UI组件开发是前端工作的重要一环,唠一唠到底Antd的技术大神们,是怎么实现我们在官网看到的这些组件的。
390 1