·小程序外部css样式app.wxss如何引用关联生效到组件内?
·小程序组件内怎么引用阿里iconfont字体样式?
有些小伙伴发现在组件中使用阿里iconfont的图标样式未能生效,是因为小程序官方说组件内的样式只能在组件内使用,是一个样式隔离保护。因此组件内的样式也不会影响到外部。
以下有三种方法可以解决
- 将字体文件样式直接复制到组件内,
然后在组件样式表中引用即可
- 在外部(如page页面中)使用组件时传递当前可以访问到的样式(l-search是我自己引用的组件)。如下图
然后在组件中的js文件中定义传入的值。如下图
可以多尝试以下。
- 设置当前组件的样式隔离属性值
文档中提供几个对应不同效果的值,如下图
我使用的是apply-shared,即外部页面的css样式可以影响到组件内部,但组件内部的值影响不到外部页面的样式。
以上三种可能比较常用,如还有更加方便的方法还请在留言区讨论下。
本文章是我一个字一个字的打出来,图也是我自己做,本人也是正在看各种视频学习中,发现一些好的会写出来也算给自己加深印象吧。如有雷同纯属巧合。
**
一只正在成长的猿!大家一起努力。
**
|
请发表评论