优化tab组件使用
This commit is contained in:
parent
ce5387fef1
commit
23ff2eb144
@ -5,6 +5,7 @@
|
|||||||
:class="`sta-item ${value == item.val?'active':''} stai-${mode}`">
|
:class="`sta-item ${value == item.val?'active':''} stai-${mode}`">
|
||||||
<view class="stai-text">
|
<view class="stai-text">
|
||||||
{{item.title}}
|
{{item.title}}
|
||||||
|
<slot :item="item"></slot>
|
||||||
<view class="stai-chk-line"></view>
|
<view class="stai-chk-line"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -14,9 +14,11 @@
|
|||||||
<u-row justify="between" align="top">
|
<u-row justify="between" align="top">
|
||||||
<u-col span="12">
|
<u-col span="12">
|
||||||
<tpx-tabs :list="tabList" v-model:value="searchParam.tabType"
|
<tpx-tabs :list="tabList" v-model:value="searchParam.tabType"
|
||||||
@tabchange="(val)=> { handleSearchParamChange() }"
|
@tabchange="(val)=> { handleSearchParamChange() }" v-slot="curTab"
|
||||||
>
|
>
|
||||||
(<text>0</text>)
|
<text slot>
|
||||||
|
(<text>{{curTab.item.val}}</text>)
|
||||||
|
</text>
|
||||||
</tpx-tabs>
|
</tpx-tabs>
|
||||||
</u-col>
|
</u-col>
|
||||||
|
|
||||||
|
|||||||
@ -12,9 +12,11 @@
|
|||||||
<u-col span="9">
|
<u-col span="9">
|
||||||
<!-- 订单状态 -->
|
<!-- 订单状态 -->
|
||||||
<tpx-tabs :list="ordStatusList" v-model:value="searchParam.ordStatus"
|
<tpx-tabs :list="ordStatusList" v-model:value="searchParam.ordStatus"
|
||||||
@tabchange="(val)=> { handleSearchParamChange() }" mode="info"
|
@tabchange="(val)=> { handleSearchParamChange() }" mode="info" v-slot="curOrdTab"
|
||||||
>
|
>
|
||||||
(<text>0</text>)
|
<text slot>
|
||||||
|
(<text>{{curOrdTab.item.val}}</text>)
|
||||||
|
</text>
|
||||||
</tpx-tabs>
|
</tpx-tabs>
|
||||||
</u-col>
|
</u-col>
|
||||||
<u-col span="2">
|
<u-col span="2">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user