小程序自定义组件无法使用iconfont

一开始的时候,我想要在我的自定义组件里面引入我全局组件里写的iconfont,从阿里妈妈那边拿过来的icon库。
但是发现怎么都出不来,但是在全局、页面当中这个iconfont却怎么都可以出的来。经过几经的调试,决定百度搜索答案,才发现:

组件中,app.wxss中的全局样式无效;把iconfont的css在组件中重新引入就能正常展示icon了

欲哭无泪,又继续去看了小程序的文档,才发现
在这里插入图片描述
其实是全局的样式对自定义的组件无效
我的解决方案就是,把 阿里妈妈那个图片库的文件直接复制过来,iconfont 就可以显示出来了。
在这里插入图片描述
成功了,但是控制台又出现了黄色的警告,
在这里插入图片描述
我这里额外又写了一篇文章

其实就只是一个警告而已,无伤大雅,“暂时把眼睛闭了起来”,就可以不去理会这个警告啦~

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用小程序自定义组件的步骤如下: 1. 创建自定义组件文件夹: 在小程序项目的目录,创建一个文件夹用于存放自定义组件相关的文件。 2. 创建组件的 WXML 文件: 在自定义组件文件夹,创建一个以 `.wxml` 为后缀名的文件,用于定义组件的结构。 3. 创建组件的 WXSS 文件: 在自定义组件文件夹,创建一个以 `.wxss` 为后缀名的文件,用于定义组件的样式。 4. 创建组件的 JS 文件: 在自定义组件文件夹,创建一个以 `.js` 为后缀名的文件,用于定义组件的行为和逻辑。 5. 创建组件的 JSON 配置文件: 在自定义组件文件夹,创建一个以 `.json` 为后缀名的文件,用于配置组件的基本信息。 6. 编写组件的 WXML 结构: 在组件的 WXML 文件,定义组件的结构和布局,可以使用小程序提供的基础组件和自定义样式。 7. 编写组件的 WXSS 样式: 在组件的 WXSS 文件,编写组件的样式,可以为各个组件元素添加样式类,并定义相应的样式规则。 8. 编写组件的 JS 逻辑: 在组件的 JS 文件,编写组件的行为和逻辑。可以定义组件的属性、方法和生命周期函数等。 9. 配置组件的 JSON 文件: 在组件的 JSON 配置文件,配置组件的基本信息,包括组件的名称、引用方式、样式等。 10. 在页面使用自定义组件: 在小程序的页面使用自定义组件的标签,并按需传入相应的属性值。 以上是使用小程序自定义组件的基本步骤。自定义组件可以提高代码的复用性和可维护性,让开发变得更加高效。希望对你有所帮助!如果有任何疑问,请随时提问。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值