美文网首页
小程序组件引用外部样式类

小程序组件引用外部样式类

作者: _hider | 来源:发表于2019-04-11 11:02 被阅读0次

在使用小程序组件的时候,希望直接引用父类组件的样式,可以用externalClasses定义。(这个特性从小程序基础库版本1.9.90基础库开始支持)。

注意:在同一个节点上使用普通样式类和外部样式类时,两个类的优先级是未定义的,因此最好避免这种情况。

父组件中,希望将两个样式类star和star-active传入子组件

<view>
    <star star="star" star-active="star-active"></star>
</view>
//父组件wxss
.star {
    font-size: 28rpx;
    margin-right: 5rpx;
    color: #ddd;
}

.star-active {
    color: orange;
}

在父组件设置完后,将对应的标签属性名在externalClasses设置即可使用

Component({
    externalClasses: ['star', 'star-active']
    ...
})
//子组件wxml
<view class="star star-active">hello world</view>

相关文章

  • 小程序组件引用外部样式类

    在使用小程序组件的时候,希望直接引用父类组件的样式,可以用externalClasses定义。(这个特性从小程序基...

  • 微信小程序样式的写法

    第一种小程序的默认写法 第二种样式直接写在组件里面 第三种 外部定义样式,然后引用

  • 微信小程序components 组件

    组件开启支持多slot,options: {multipleSlots: true} 组件支持外部样式类,exte...

  • CSS基本样式(基础中的基础)

    1.如何在页面引用 CSS 1.内联样式; 2内部引用样式; 3外部引用link标签,引用样式; 4外部引用@im...

  • 小程序子组件引用父组件样式

    相关文档链接:https://developers.weixin.qq.com/miniprogram/dev/f...

  • 小程序为什么要构建npm?

    开发小程序,使用npm导入外部库的注意事项 问题一:什么时候需要构建npm? 引用外部UI组件,需要“构建npm”...

  • CSS修饰

    1. 内部样式 2. 内联样式 3. 引用外部样式 内部样式如下: 内联样式如下: 引用外部样式 优先级:内联样式...

  • link和@import区别

    页面使用css的方式主要有3种,标签行内引用,页面头部样式引用,外部样式引用,其中外部样式引用有link和impo...

  • 关于CSS

    CSS 加载方式 css引用方式分为以下三种: 外部样式 内部样式 内联样式 外部样式 外部式css样式就是把cs...

  • 微信小程序自定义组件实现外部样式类

    /* 组件 custom-component.js */ 组件 组件wxml中 组件js中 //注意在组件中写了外...

网友评论

      本文标题:小程序组件引用外部样式类

      本文链接:https://www.haomeiwen.com/subject/gggziqtx.html