当前位置: 首页 > 工具软件 > wux > 使用案例 >

wux tab 颜色扩展

张子墨
2023-12-01

原来的

<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>
 类似资料: