- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- element plus的样式按需二次开发
element plus的样式按需二次开发
Admin 2023-04-01 群英技术资讯 728 次浏览
今天小编跟大家讲解下有关“element plus的样式按需二次开发”的内容 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了相关资料，希望小伙伴们看了有所帮助。目录
- 一、用户故事
- 二、需求分析
- 三、需求实现
一、用户故事
我们开发了一个业务组件库。业务组件库是需要基于公司内部的一个UI组件库。而公司的UI组件库又出“基于”element ui的。
公司的UI组件库是对element ui的主题色进行了修改，并且也对于一些组件进行了扩展。可惜的是，由于他们的版本是vu2版本。我们的业务组件库是vue3的element plus的版本。
二、需求分析
实现形式的考虑
续期的扩展
三、需求实现
主题色的改变
组件样式的扩展
element plus对于各种函数的定义
"b" 返回的是"namespace + '-' + block" 就是组件的顶级clasaName。
scss中使用了Mixins更加的风 骚，通过"@mixin 和 @content" 来实现的
"mixin" 本质是混入css的片段
const _bem = ( namespace: string, block: string, blockSuffix: string, element: string, modifier: string ) => { let cls = `${namespace}-${block}` if (blockSuffix) { cls += `-${blockSuffix}` } if (element) { cls += `__${element}` } if (modifier) { cls += `--${modifier}` } return cls }
到此这篇关于“element plus的样式按需二次开发”的文章就介绍到这了,更多相关element plus的样式按需二次开发内容，欢迎关注群英网络，小编将为大家输出更多高质量的实用文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
在JS中更改图片地址的思路和方法是什么
javascript改变图片地址的方法：1、使用“document.getElementById("id")”语句根据指定id值获取图片对象；2、使用“图片对象.setAttribute("src","新图片地址");”语句来改变图片地址。
-
实现无感刷新token有几种方法，哪种好
这篇文章主要介绍了如何实现无感刷新token，当token过期的时候，刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知，避免频繁登录。下面我们大家一起进入文章看看实现思路即详细内容,需要的朋友可以参考一下
-
AJAX原理是什么，Promise怎样封装Ajax
目录AJAX原理Promise封装AjaxJQ Ajax、Axios、Fetch的核心区别JQuery AjaxAxiosFetch补充：为什么要用axios?总结AJAX原理Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得
-
webpack如何进行安装和配置，用法是什么
目录一、webpack介绍1、由来2、介绍3、作用4、拓展说明5、webpack整体认知二、webpack安装1、安装node2、安装cnpm3、安装nrm的两种方法4、安装webpack三、webpack配置0、搭建项目结构1、初始化一个项目（会创建一个package.json文件）2、在当前的项目中安装Webpac
-
Chrome中执行js代码有几种方式，分别是怎样的
要在浏览器中执行 JavaScript 脚本，首先你的浏览器得支持。现在主流推荐 Chrome 浏览器，也可以使用基于 Chromium的 Edge 浏览器。下面来介绍如何在 Chrome 中打开开发者工具，以及如何在开发者工具中运行调试 JavaScript 代码。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
