wux tab 颜色扩展

最新推荐文章于 2024-08-10 07:40:29 发布

曹天骄

最新推荐文章于 2024-08-10 07:40:29 发布

阅读量602

点赞数

分类专栏： mpvue

本文链接：https://blog.youkuaiyun.com/solocao/article/details/88598224

版权

mpvue 专栏收录该内容

30 篇文章

订阅专栏

原来的

<view class="wux-class wux-tabs__tab {{ scroll ? 'wux-tabs__tab--scroll' : '' }} {{ theme ? 'wux-tabs__tab--' + theme : '' }} {{ current ? 'wux-tabs__tab--current' : '' }} {{ disabled ? 'wux-tabs__tab--disabled' : '' }}" bindtap="onTap">
    <text wx:if="{{ title }}">{{ title }}</text>
    <block wx:else>
        <slot></slot>
    </block>
    <view class="wux-tabs__tab-bar" wx:if="{{ current }}"></view>
</view>

现在的

<view class="wux-class wux-tabs__tab {{ scroll ? 'wux-tabs__tab--scroll' : '' }} {{ theme ? 'wux-tabs__tab--' + theme : '' }} {{ current ? 'wux-tabs__tab--current' : '' }} {{ disabled ? 'wux-tabs__tab--disabled' : '' }}" bindtap="onTap">
    <text wx:if="{{ title }}" style="{{current ? 'color:' + color : ''}} ">{{ title }}</text>
    <block wx:else>
        <slot></slot>
    </block>
    <view class="wux-tabs__tab-bar" style="background:{{color}}" wx:if="{{ current }}"></view>
</view>