[Extjs]引入外部样式

在ExtJS开发中,为提升组件样式的维护性,文章提倡使用SCSS文件来集中管理container的样式。通过对应JS文件的scss命名,无需额外引入,简化了代码。例如,在Container.js的外层容器,可以定义一个SCSS类,子container通过cls属性引用该类,实现样式复用,如设置margin、height和background等。这遵循了SASS或SCSS的语法规范。
摘要由CSDN通过智能技术生成

针对Extjs container部分,有时要设置样式

但是界面上有很多container,虽说用style可以设置,但是一个个设置后期维护难以维护

故引用scss文件


scss的文件名要和js对应,这样的好处就是不用额外声明引入scss文件了

Container.js是最外层的容器

类似这样的结构

1
2
3
4
<Container>
     <子container></子container>
     <其他子控件></其他子控件>
</Container>


如果 子container里有很多控件,有同样的样式

我们就可以在

Container.scss里进行声明一个类

然后,那些子控件 使用cls:'样式类名'即可

============================================

话不多说,上代码

For Example

1
2
3
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

29号同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值