feat: Tabs 新增map-title属性支持修改导航地图标题

 Closes: #670
This commit is contained in:
Moonofweisheng 2024-11-19 12:56:27 +08:00
parent 5ce705e626
commit 0b7605f3ef
3 changed files with 6 additions and 1 deletions

View File

@ -172,6 +172,7 @@ const tab = ref('Design')
| v-model | 绑定值 | string / number | - | - | - |
| slidable-num | 可滑动的标签数阈值,`slidable`设置为`auto`时生效 | number | - | 6 | - |
| map-num | 显示导航地图的标签数阈值 | number | - | 10 | - |
| map-title | 导航地图标题 | string | - | - | $LOWEST_VERSION$ |
| sticky | 粘性布局 | boolean | - | false | - |
| offset-top | 粘性布局时距离窗口顶部距离 | number | - | 0 | - |
| swipeable | 开启手势滑动 | boolean | - | false | - |

View File

@ -31,6 +31,10 @@ export const tabsProps = {
*
*/
mapNum: makeNumberProp(10),
/**
*
*/
mapTitle: String,
/**
*
*/

View File

@ -35,7 +35,7 @@
</view>
</view>
<view class="wd-tabs__map-header" :style="`${state.mapShow ? '' : 'display:none;'} ${state.animating ? 'opacity:1;' : ''}`">
{{ translate('all') }}
{{ mapTitle || translate('all') }}
</view>
<view :class="`wd-tabs__map-body ${state.animating ? 'is-open' : ''}`" :style="state.mapShow ? '' : 'display:none'">
<view class="wd-tabs__map-nav-item" v-for="(item, index) in items" :key="index" @click="handleSelect(index)">