陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
21 lines
1.1 KiB
Plaintext
21 lines
1.1 KiB
Plaintext
<view class="weui-tabs" style="{{containerStyle}}">
|
|
<view class="weui-tabs-bar__wrp">
|
|
<scroll-view scroll-x scroll-into-view="item_{{currentView}}" scroll-with-animation="{{animation}}">
|
|
<view class="weui-tabs-bar__content">
|
|
<block wx:for="{{tabs}}" wx:key="title">
|
|
<view id="item_{{index}}" class="weui-tabs-bar__item" style="background-color: {{tabBackgroundColor}}; color: {{activeTab === index ? tabActiveTextColor : tabInactiveTextColor}};" bindtap="handleTabClick" data-index="{{index}}">
|
|
<view class="weui-tabs-bar__title {{tabClass}} {{activeTab === index ? activeClass : ''}}" style="border-bottom-color: {{activeTab === index ? tabUnderlineColor : 'transparent'}}">
|
|
<text class="">{{item.title}}</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<swiper class="{{swiperClass}}" style="{{swiperStyle}}" current="{{activeTab}}" duration="{{duration}}" bindchange="handleSwiperChange">
|
|
<swiper-item wx:for="{{tabs}}" wx:key="title">
|
|
<slot data-set="{{item}}" name="tab-content-{{index}}"></slot>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|