收藏
回答

关于小程序对css变量的支持

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 客户端 1.02.1810250 2.3.0

微信小程序可以支持css变量控制,即我定义一个--color-a:#000变量,然后通过color:var(--color-a)引入这个变量,但是我不知道小程序对这个定义的支持和兼容性有多宽,能够详细告知吗

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

3 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2018-10-30

    不支持

    2018-10-30
    有用
    回复 6
    • 97
      97
      2018-10-30

      但是有效果啊

      2018-10-30
      回复
    • 社区技术运营专员-小柿子
      社区技术运营专员-小柿子
      2018-10-30回复97

      麻烦提供下你的代码片段测试下

      2018-10-30
      回复
    • 97
      97
      2018-10-30回复社区技术运营专员-小柿子
      wxss部分:
       
      page{
        --danger:red;
      }
       
      .text-danger{
        color:var(--danger)
      }
       
      wxml部分
      <view>
        <text class='text-danger'>我是变量红色字体</text>
      </view


      下面是效果


      2018-10-30
      1
      回复
    • 97
      97
      2018-10-30回复社区技术运营专员-小柿子

      注意那个danger定义那里是双杠--

      2018-10-30
      1
      回复
    • 阿辉
      阿辉
      02-19回复97
      请问一下楼主,这种使用方式有什么参考依据吗?
      02-19
      回复
    查看更多(1)
  • 李青云
    李青云
    2019-01-08

    感谢,这个方式可以

    2019-01-08
    有用
    回复
  • 治辰科技于鲁宁
    治辰科技于鲁宁
    2018-11-16

    我用过,之前支持(半个月前),现在不支持了(开发工具没问题,现在预览和真机模式均无效果了).可能微信浏览器升级的原因.

    建议官方支持!

    2018-11-16
    有用
    回复 1
    • 97
      97
      2018-11-16

      看官方也是模棱两可的样子,不敢用了,前段时间改过来了,还是写了一些全局样式将值写死,虽然没那么灵活,但是不会出现什么未知的样式,心里宽一点

      2018-11-16
      回复
登录 后发表内容