1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <view class="{{classPrefix}} {{fixedClass}} {{visibleClass}} t-class" style="{{boxStyle}}">
- <view wx:if="{{fixed}}" class="{{classPrefix}}__placeholder"></view>
- <view class="{{classPrefix}}__content" style="{{contentStyle}}">
- <block>
- <view class="{{classPrefix}}__left t-class-left">
- <slot name="capsule" />
- <!-- 如果传入leftIcon和homeIcon则展示胶囊 -->
- <block wx:if="{{hasBackIcon && hasHomeIcon}}">
- <view class="{{classPrefix}}__capsule t-class-capsule">
- <view class="{{classPrefix}}__btn {{classPrefix}}__btn--back t-class-nav-btn" bindtap="goBack">
- <t-icon
- wx:if="{{leftIcon!=='slot'}}"
- name="{{leftIcon}}"
- class="{{classPrefix}}__capsule-icon t-class-left-icon"
- />
- <slot name="left-icon" class="t-class-left-icon"></slot>
- </view>
- <view class="{{classPrefix}}__btn {{classPrefix}}__btn--home t-class-nav-btn" bindtap="goHome">
- <t-icon
- wx:if="{{homeIcon!=='slot'}}"
- name="{{homeIcon}}"
- class="{{classPrefix}}__capsule-icon t-class-home-icon"
- />
- <slot name="home-icon" class="t-class-home-icon"></slot>
- </view>
- </view>
- </block>
- <!-- 否则无胶囊展示 -->
- <block wx:else>
- <view wx:if="{{hasBackIcon}}" class="{{classPrefix}}__btn {{classPrefix}}__btn--back" bindtap="goBack">
- <t-icon
- wx:if="{{leftIcon!=='slot'}}"
- name="{{leftIcon}}"
- class="{{classPrefix}}__capsule-icon t-class-left-icon"
- />
- <slot name="left-icon" class="t-class-left-icon"></slot>
- </view>
- <view wx:if="{{hasHomeIcon}}" class="{{classPrefix}}__btn {{classPrefix}}__btn--home" bindtap="goHome">
- <t-icon
- wx:if="{{homeIcon!=='slot'}}"
- name="{{homeIcon}}"
- class="{{classPrefix}}__capsule-icon t-class-home-icon"
- />
- <slot name="home-icon" class="t-class-home-icon"></slot>
- </view>
- </block>
- </view>
- <view class="{{classPrefix}}__center t-class-center">
- <block wx:if="{{title}}">
- <slot wx:if="{{title === 'slot'}}" name="title" class="t-class-title"></slot>
- <text wx:else class="{{classPrefix}}__center-title t-class-title">{{showTitle}}</text>
- </block>
- </view>
- </block>
- </view>
- </view>
|