收藏
回答

关于组件外部样式问题

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 工具 2.6.2.27 2.0.0

- 需求的场景描述(希望解决的问题)

有时候需要导入外部的iconfont,总不能在每个组件的样式文件都引入同一个css吧......需要一个功能:只要在全局的app.wxss引入样式之后,全局都可以用包括自定义组件。


- 希望提供的能力

只要在全局的app.wxss引入样式之后,全局都可以用包括自定义组件。


期望答复。


回答关注问题邀请回答
收藏

2 个回答

  • LastLeaf
    LastLeaf
    2018-05-21

    你好,设计上就是这样的。请在需要的自定义组件中加入 @import 。这里不会增加代码包大小。

    2018-05-21
    有用
    回复 3
    • 2018-05-31

      设计上,是否改称类似Vue的scoped的形式.

      当前的自定义的组件的方式,导致样式重写比较麻烦



      比如,使用了第三方的组件,本想只在组件外层加一个class,然后进行重载覆盖原有的样式,现在只能把样式在组件里import了


      而且抽象出来的组件里只含有基本的样式,在页面的不同地方的使用可能会显示差异,这些不能在外层用class重载的话,比较麻烦的,样式都得写进组件里

      2018-05-31
      回复
    • LastLeaf
      LastLeaf
      2018-05-31

      类似于 scoped 的形式。之后我们会考虑优化方案。

      2018-05-31
      回复
    • Thomas Lambert
      Thomas Lambert
      2018-07-10回复LastLeaf

      关于自定义组件import这个字体样式的,以下方式不支持,会报错

      [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
       
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }


      2018-07-10
      回复
  • yc   
    yc  
    2018-05-21

    那好吧。。。

    2018-05-21
    有用
    回复
登录 后发表内容