首先说一下我的实际场景以及触发的操作:
小程序page页面引入了自定义的组件,而组件内引用了iconfont,也添加了class样式,当前页面显示是正常的,而当跳转其他页面再点击自带【返回】到当前页面的时候,页面显示组件内的iconfont不见了。
首先我这里实际有两个问题点要解决,就是【iconfont不见了】以及【iconfont样式失效】:
1.【iconfont不见了】:组件内引用的iconfont源文件,父页面同样需要引入iconfont源文件,
如此跳转其他页面再返回时,图标会出现,但是这时候就发现图标的样式失效了。。
2.【iconfont样式失效】:iconfont的样式需要直接作用在text标签上
![正常情况下的样式](https://i-blog.csdnimg.cn/blog_migrate/5b45cb1def47c0eb0e18668f71c44335.png)
![iconfont样式失效](https://i-blog.csdnimg.cn/blog_migrate/c87f333f152f2bcfae1833ae4a5d6626.png)
跳转其他页面后返回当前页面,iconfont的class样式会丢失,然后我对比发现,只有text标签下的样式还存在,于是我得出的结论是iconfont的样式还是写在text标签下