- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- element plus的样式按需二次开发
element plus的样式按需二次开发
Admin 2023-04-01 群英技术资讯 1271 次浏览
今天小编跟大家讲解下有关“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
JavaScript如何生成唯一id？你知道哪些方法？
JavaScript如何生成唯一id？有哪些方法？很多刚接触JavaScript的朋友，可能对于生成唯一ID的方式不是很了解，因此，下面小编就给大家分享一些JavaScript生成唯一id方法，需要的朋友可以参考。
-
如何利用JS制作轮播的年份选择功能，思路是什么
这篇文章主要给大家介绍了关于如何使用js原生实现年份轮播选择效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
jQuery中eq有何作用，用法是什么？
jQuery中eq有何作用？有一些新手对于jQuery中eq是什么可能不是很清楚，其实eq的用处有表示eq()选择器和eq()遍历，那么具体的用法是什么呢？文中示例代码介绍的很详细，感兴趣的朋友接下来一起跟随小编看看吧。
-
vue中的两种过滤器分别用于什么，怎么用
vue中的过滤器分为两种：局部过滤器和全局过滤器。过滤器可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示(官方文档)
-
Object.create方法的用法是什么，原理如何理解
本文给大家介绍有关ECMAScript 5中 新增的Object.create() 方法，对于不了解的同学，欢迎收藏学习哟~
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前：400-678-4567
7x24小时售后：0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话：010-58813000
服务邮箱：service@cnnic.cn
投诉与建议：0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
