vue局部覆盖其它ui框架的默认样式

最新推荐文章于 2024-05-14 10:41:51 发布

song-cv

最新推荐文章于 2024-05-14 10:41:51 发布

阅读量3k

点赞数

文章标签： vue 局部样式覆盖 elementUi

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/chensong8331/article/details/99717120

版权

我这里的项目使用的ui框架是elementUI,所以这里使用它来做例子，其它ui框架同理，因为是针对vue和css的，所以框架不会产生影响。
在vue的项目开发中，你若是设置了style的scoped属性，会发现针对ui框架的css重写无法生效，若是把style的scoped去掉，样式倒是可以重写，但这就把重写的样式提升为了全局样式，会影响到其它组件的样式，而你只想重写当前组件的样式。这时候就需要使用到>>>的深度选择器，这里vue是有这个的功能的，是不是css默认的标准暂时没查到相关资料，当style没有使用其它例如less或者sass的css预处理语言的话，默认是使用>>>,若是使用了less或者sass,则写法是/deep/
在这里插入图片描述

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
vue局部覆盖其它ui框架的默认样式

我这里的项目使用的ui框架是elementUI,所以这里使用它来做例子，其它ui框架同理，因为是针对vue和css的，所以框架不会产生影响。在vue的项目开发中，你若是设置了style的scoped属性，会发现针对ui框架的css重写无法生效，若是把style的scoped去掉，样式倒是可以重写，但这就把重写的样式提升为了全局样式，会影响到其它组件的样式，而你只想重写当前组件的样式。这时候就需要...
复制链接

扫一扫

song-cv CSDN认证博客专家 CSDN认证企业博客

码龄9年

25: 原创

39万+: 周排名

5万+: 总排名

8万+: 访问

: 等级

915: 积分

47: 粉丝

64: 获赞

30: 评论

96: 收藏

私信

关注

热门文章

分类专栏

react 5篇
vue 1篇
个人 12篇

最新评论

给boss直聘的搜索结果加上hr活跃状态，少看点半年活跃的岗位，有书签版，油猴版
溫訫: 我不经常评论的，但是看到这个，我只能跟你说，谢谢哥
echart或者其它地图如何将地图数据geoJson进行旋转生成新geoJson
song-cv: 我感觉你是个新手，没看懂我文章说了啥，甚至我怀疑你是不是直接点击html打开的页面，不是用的localhost访问的页面，你这个报错纯粹是因为缺失了代码里的那个guangdong.json文件。而且我这代码只是参考，不是万能的，你要理解我说的，我这代码旋转出来的数据也不适合你的数据的，这个是要自己手动调整的。代码实际起作用的就这一点点[code=javascript] let features = json.features.map((item,i)=>{ let Coordinates = item.geometry.coordinates.map((son,i)=>{ return son[0].map((sub,ii)=>{ return [ (sub[0] - jwd[0])*Math.cos(deg) - (sub[1] - jwd[1])*Math.sin(deg) + jwd[0], (sub[0] - jwd[0])*Math.sin(deg) + (sub[1] - jwd[1])*Math.cos(deg) + jwd[1] ] }) }) return ( { type: "Feature", properties:item.properties, geometry:{ coordinates:[Coordinates], type: "MultiPolygon" } } ); }) finalgeoJson = { type: "FeatureCollection", features:features } [/code] 甚至更少，这个我有在文章里说了。你只有理解这一句话，geoJSON里面的都是一些坐标系里的坐标点，是坐标点就可以让它围绕坐标原点旋转，这就是初高中的数学问题，根本不是代码问题
echart或者其它地图如何将地图数据geoJson进行旋转生成新geoJson
cgh1970: 请教如何将地图数据geoJson进行旋转生成新geoJson，按你说的把源码保存为html后点击页面保存，运行点击保存提示：Uncaught ReferenceError ReferenceError: finalgeoJson is not defined at save (e:\软件编程开发\检测中心计量大数据监管平台\Temp\123.html:51:37) at onclick (e:\软件编程开发\检测中心计量大数据监管平台\Temp\123.html:8:28)
react实现类似vue-cli脚手架的自动更换已被占用端口
于慨: webpack的dev环境配置如下即可 module.exports = new Promise((resolve, reject) => { portfinder.basePort = port; // 默认端口 portfinder.getPort((err, port) => { // 找到一个可用的端口 if (err) { reject(err); } else { devConfig.devServer.port = port; resolve(devConfig); } }); });
给boss直聘的搜索结果加上hr活跃状态，少看点半年活跃的岗位，有书签版，油猴版
m0_74767455: 哥们nb啊

大家在看

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。