小程序 ---- （引入iconfont，自定义组件内不显示iconfont）

一、全局引入

首先准备好自己要用的iconfont图标：

然后点击生成代码或更新代码，打开网页之后，复制全部代码：

回到小程序，根目录下创建styles文件夹，创建iconfont.wxss文件，把复制的代码都丢进去：

在app.wxss内引入该样式：

然后就可以愉快的使用了~

但是在组件内却不起作用，这是为什么呢？

原因就是微信小程序的子组件属于独立模块，独立模块需要使用iconfont时需要将iconfont引入独立模块的样式文件中，所以我们需要把iconfont.wxss重新引入到组件内的wxss文件当中。接着看。

二、组件引入

首先你得要有一个组件，打开组件的wxss文件，将iconfont重新引入，这里用tabar为例：

引入iconfont.wxss ：

然后也就可以愉快的使用了~

小程序 ---- （引入iconfont，自定义组件内不显示iconfont）相关推荐

手把手教你实现小程序中的自定义组件
之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,当时官方对这方面的文档也只是寥寥几句,一笔带过而已,所以写起来真的是非常非常痛苦!! 好在微信小程序的库从 1.6.3 开始,官方对于 ...
微信小程序引入骨架屏组件
微信小程序引入骨架屏组件参考地址:https://github.com/cytle/ma-skeleton.git 1.克隆项目 2.把项目里的组件skeleton文件复制到自己的项目里 3.复制& ...
微信小程序 - 进阶（自定义组件、promis化、mobx、分包、自定义tabBar）
文章目录一.自定义组件 1.创建组件 2.引用组件 3.组件和页面区别 4.组件样式 5.data.methods.properties 6.小程序的 data 和 properties 区别 7. ...
微信小程序开发之webview组件内网页实现微信原生支付
前言.背景本人目前的工作岗位是安卓工程师,在这之前对于前端和后台的知识基本是白纸,只是在日常的工作项目中有需要和小伙伴进行对接的时候接触了那么一丢丢,对于前端和后台的一些专业描述和理解有不当之处还请 ...
小程序如何封装自定义组件（Toast）
1.创建和pages 同级的component目录新建一个myToast目录例如: 2.myToast.wxml文件内容:  <!-- nam ...
小程序学习：自定义组件
开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用:也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护.自定义组件在使用时与基础组件非常相似. 本文要创建一个效果如下图的组 ...
微信小程序开发：自定义组件-behaviors
1.什么是behaviors behaviors是小程序中,用于实现组件间代码共享的特性,类似于vue的"mixins". 2.behaviors的工作方式每个behavior可 ...
微信小程序怎么修改自定义组件中的样式
在微信小程序中我们经常要用到自定义组件,但是有时我们因为引用的地方不同可能组件的一些样式也要修改,比如颜色,高度,宽度等来适合不同的页面,有没有办法来修改自定义组件中的样式呢,很显然是有的,我们要用到 ...
入门微信小程序三（自定义组件）
1.组件的创建 ① 在项目的根目录中,鼠标右键,创建 components -> test 文件夹 ② 在新建的 components -> test 文件夹上,鼠标右键,点击" ...
小程序css样式+自定义组件+功能
代码仓库:https://gitee.com/DerekAndroid/miniProgramAgen.git 微信小程序实现图片文字二维码组合拼接成一张图片,下载到手机相册思路:1下载网络图片,2 ...

小程序 ---- （引入iconfont，自定义组件内不显示iconfont）

小程序 ---- （引入iconfont，自定义组件内不显示iconfont）

一、全局引入

二、组件引入

小程序 ---- （引入iconfont，自定义组件内不显示iconfont）相关推荐

最新文章

热门文章