admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
✅ 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/component/tabs.md
View File

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

4
src/uni_modules/wot-design-uni/components/wd-tabs/types.ts
View File

@ -31,6 +31,10 @@ export const tabsProps = {
* 标签数超过阈值显示导航地图 * 标签数超过阈值显示导航地图
*/ */
mapNum: makeNumberProp(10), mapNum: makeNumberProp(10),
/**
* 导航地图的标题
*/
mapTitle: String,
/** /**
* 粘性布局 * 粘性布局
*/ */

2
src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue
View File

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