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

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


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'

相关文章
|
移动开发 JavaScript
mpvue项目(组件)迁移指南、示例及资源汇总
首先,为什么要从mpvue转uni-app?因为uni-app对vue语法支持更全面(如支持过滤器)、性能更高、支持平台更多(支持H5和App)。这里有详细的评测https://juejin.im/post/5ca1736af265da30ae314248 然后进入正题。
2494 0
|
5月前
|
存储 JavaScript
解锁Vuex高级玩法:模块化与插件共舞,让你的Vue项目状态管理如虎添翼!
【8月更文挑战第27天】Vuex是一款专为Vue.js应用程序设计的状态管理模式及库,它通过集中管理组件状态来确保状态变更的可预测性。在大型应用中,采用模块化管理可以让代码结构更加清晰,同时利用插件增强功能。模块化管理允许将store拆分为包含各自state、mutations、actions和getters的独立模块。插件则能监听状态变化,实现诸如日志记录或数据持久化等功能。本文通过具体示例介绍了如何在Vuex中实现模块化管理和插件的高级应用。
70 1
|
移动开发 前端开发 小程序
7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐
优秀的 React UI 移动端组件库和模版框架,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有帮我们把组件的轮子装好的 React admin 后台管理系统。本文推荐 7 款适用于中文使用者习惯的开源 React 移动端 UI 库,特别针对国内使用场景推荐。
5117 0
|
4月前
|
JavaScript
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
其实这个从零有点歧义,因为本质上是要基于`tdesign-vue-next`来进行二次封装为一套广告UI组件库,现在让我们在一起快乐的搭建自己的广告UI库之前,先对以下内容做出共识:
106 0
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
|
5月前
|
存储 前端开发 JavaScript
|
设计模式 前端开发 JavaScript
组件库设计 | React组件库Concis开源探索过程中的一些心路历程
本文可能无法从细节层面教会你如何做好一个开源组件库,作者也在不断探索和学习,但是也许会对你有所启发。这篇文章既是分享,也是记录,在写这篇文章的此刻,已经是作者一拍脑袋要做一个开源项目将近半年时间了。半年前作者对于如何开发一个组件库一无所知,对于开源项目也是了解甚少,抱着什么不会学什么的态度,独自一人踏上了开源之旅。
227 2
组件库设计 | React组件库Concis开源探索过程中的一些心路历程
|
前端开发 JavaScript UED
前端设计系统和UI组件库的搭建
前端设计系统和UI组件库的搭建
384 0