• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序外部css样式app.wxss如何引用关联生效到组件内?小程序组件内怎么引用使用阿里i ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

·小程序外部css样式app.wxss如何引用关联生效到组件内?

·小程序组件内怎么引用阿里iconfont字体样式?

有些小伙伴发现在组件中使用阿里iconfont的图标样式未能生效,是因为小程序官方说组件内的样式只能在组件内使用,是一个样式隔离保护。因此组件内的样式也不会影响到外部。

以下有三种方法可以解决

  1. 将字体文件样式直接复制到组件内,
    然后在组件样式表中引用即可
  2. 在外部(如page页面中)使用组件时传递当前可以访问到的样式(l-search是我自己引用的组件)。如下图

    然后在组件中的js文件中定义传入的值。如下图
    可以多尝试以下。
  3. 设置当前组件的样式隔离属性值
    文档中提供几个对应不同效果的值,如下图
    我使用的是apply-shared,即外部页面的css样式可以影响到组件内部,但组件内部的值影响不到外部页面的样式。

以上三种可能比较常用,如还有更加方便的方法还请在留言区讨论下。

本文章是我一个字一个字的打出来,图也是我自己做,本人也是正在看各种视频学习中,发现一些好的会写出来也算给自己加深印象吧。如有雷同纯属巧合。

**

一只正在成长的猿!大家一起努力。

**


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
礼物说,一款小程序给你生活最好的选择发布时间:2022-07-18
下一篇:
记录以下uniapp写小程序然后进行图片上传压缩发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap