<!--tabbar页面引入tabbar-->
|
<!-- 页面内容 -->
|
<view class="tabbar-main">
|
<slot></slot>
|
</view>
|
<!-- tabbar -->
|
<van-tabbar active="{{ active }}" placeholder bind:change="_handleChangeTab">
|
<van-tabbar-item icon="wap-home-o">首页</van-tabbar-item>
|
<van-tabbar-item>
|
<view class="tabbar-apps">
|
<van-icon name="apps-o" size="24" />
|
</view>
|
</van-tabbar-item>
|
<van-tabbar-item style="display:{{ loginVisible && 'none' }}" icon="contact">登录</van-tabbar-item>
|
<van-tabbar-item style="display:{{ !loginVisible && 'none' }}">
|
<image slot="icon" src="{{ mediate }}" class="tabbar-icon" />
|
<image slot="icon-active" src="{{ mediate_active }}" class="tabbar-icon" />
|
我的调解
|
</van-tabbar-item>
|
</van-tabbar>
|
<!-- 更多功能 -->
|
<block>
|
<view class="more-function" style="transform:{{ moreFunctionVisible ? 'translate3d(0, 0, 0)' : 'translate3d(0, 1000rpx, 0)' }}">
|
<view wx:for="{{ moreFunctionList }}" wx:key="index" bindtap="_handleGoPage" data-key="{{ item.key }}" data-url="{{ item.url }}" class="more-function-item">
|
<image class="more-function-img" src="{{ item.icon }}" />
|
<view>
|
<view>{{ item.title }}</view>
|
<view class="more-function-text">{{ item.subTitle }}</view>
|
</view>
|
</view>
|
</view>
|
<view style="display: {{ moreFunctionVisible ? 'flex' : 'none' }};" class="more-function-close" bindtap="_handleMaskVisible">
|
<van-icon name="cross" size="20" />
|
</view>
|
</block>
|
<!-- 遮罩层 -->
|
<van-overlay show="{{ moreFunctionVisible }}" bind:click="_handleMaskVisible" z-index="99" custom-style="background-color:#333333" />
|
