diff --git a/docs/component/action-sheet.md b/docs/component/action-sheet.md index 54354fb8..effc6deb 100644 --- a/docs/component/action-sheet.md +++ b/docs/component/action-sheet.md @@ -231,5 +231,5 @@ function select({ item, index }) { | 类名 | 说明 | 最低版本 | | ------------------- | --------------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-header-class | header 头部样式 | - | diff --git a/docs/component/badge.md b/docs/component/badge.md index 9df1d9ff..aa8abbae 100644 --- a/docs/component/badge.md +++ b/docs/component/badge.md @@ -111,4 +111,4 @@ | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | \ No newline at end of file +| custom-class | 根节点样式 | - | \ No newline at end of file diff --git a/docs/component/button.md b/docs/component/button.md index b78b6020..02332ee9 100644 --- a/docs/component/button.md +++ b/docs/component/button.md @@ -122,4 +122,4 @@ | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/calendar-view.md b/docs/component/calendar-view.md index 82037ac4..442cb254 100644 --- a/docs/component/calendar-view.md +++ b/docs/component/calendar-view.md @@ -253,4 +253,4 @@ function handleChange({ value }) { | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/calendar.md b/docs/component/calendar.md index b476c4b7..d1b15b49 100644 --- a/docs/component/calendar.md +++ b/docs/component/calendar.md @@ -424,6 +424,6 @@ function handleConfirm4({ value }) { | 类名 | 说明 | 最低版本 | | ------------------ | -------------------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-label-class | label 外部自定义样式 | - | | custom-value-class | value 外部自定义样式 | - | diff --git a/docs/component/cell.md b/docs/component/cell.md index 642a6491..69ea1cb6 100644 --- a/docs/component/cell.md +++ b/docs/component/cell.md @@ -280,13 +280,13 @@ function handleSwitchChange({ value }) { | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | ## Cell 外部样式类 | 类名 | 说明 | 最低版本 | | ------------------ | ------------------------------ | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-icon-class | icon 使用 slot 时的自定义样式 | - | | custom-label-class | label 使用 slot 时的自定义样式 | - | | custom-value-class | value 使用 slot 时的自定义样式 | - | diff --git a/docs/component/checkbox.md b/docs/component/checkbox.md index 13c617de..71040bbd 100644 --- a/docs/component/checkbox.md +++ b/docs/component/checkbox.md @@ -210,7 +210,7 @@ const value = ref(['jd']) | 类名 | 说明 | 最低版本 | |-----|-----|---------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-label-class | 文字结点样式 | - | | custom-shape-class | 单选图标结点样式 | - | @@ -218,4 +218,4 @@ const value = ref(['jd']) | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | \ No newline at end of file +| custom-class | 根节点样式 | - | \ No newline at end of file diff --git a/docs/component/circle.md b/docs/component/circle.md index 6e40e8b3..96b16eee 100644 --- a/docs/component/circle.md +++ b/docs/component/circle.md @@ -88,4 +88,4 @@ const gradientColor = { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | \ No newline at end of file +| custom-class | 根节点样式 | - | \ No newline at end of file diff --git a/docs/component/col-picker.md b/docs/component/col-picker.md index 24d16950..2441f62f 100644 --- a/docs/component/col-picker.md +++ b/docs/component/col-picker.md @@ -560,6 +560,6 @@ const columnChange = ({ selectedItem, resolve, finish }) => { | 类名 | 说明 | 最低版本 | | ------------------ | -------------------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-label-class | label 外部自定义样式 | - | | custom-value-class | value 外部自定义样式 | - | diff --git a/docs/component/collapse.md b/docs/component/collapse.md index c806d47b..3ac886e1 100644 --- a/docs/component/collapse.md +++ b/docs/component/collapse.md @@ -187,7 +187,7 @@ Collapse 查看更多的模式下，可以使用插槽定义自己想要的折 | 类名 | 说明 | 最低版本 | | ------------ | ----------------------- | -------- | -| custom-class | collapseItem 根结点样式 | - | +| custom-class | collapseItem 根节点样式 | - | **注意：组件内插槽样式不生效，因此使用插槽时需注意添加外部样式类** @@ -195,5 +195,5 @@ Collapse 查看更多的模式下，可以使用插槽定义自己想要的折 | 类名 | 说明 | 最低版本 | | ---------------------- | ---------------------------------- | -------- | -| custom-class | collapse 根结点样式 | - | +| custom-class | collapse 根节点样式 | - | | custom-more-slot-class | 查看更多模式下的插槽外部自定义样式 | - | diff --git a/docs/component/curtain.md b/docs/component/curtain.md index 20b58872..dfbaf39c 100644 --- a/docs/component/curtain.md +++ b/docs/component/curtain.md @@ -129,5 +129,5 @@ function handleClose() { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/divider.md b/docs/component/divider.md index 822d1b9d..b4437953 100644 --- a/docs/component/divider.md +++ b/docs/component/divider.md @@ -35,4 +35,4 @@ | 类名 | 说明 | 最低版本 | |-----|-----|---------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/drop-menu.md b/docs/component/drop-menu.md index 5ae58e58..0c8044c5 100644 --- a/docs/component/drop-menu.md +++ b/docs/component/drop-menu.md @@ -184,12 +184,12 @@ function confirm() { | 类名 | 说明 | 最低版本 | | ------------ | ------------------- | -------- | -| custom-class | DropMenu 根结点样式 | - | +| custom-class | DropMenu 根节点样式 | - | ## DropMenuItem 外部样式类 | 类名 | 说明 | 最低版本 | | ------------ | --------------------------- | -------- | -| custom-class | DropMenuItem 根结点样式 | - | +| custom-class | DropMenuItem 根节点样式 | - | | custom-title | DropMenuItem 左侧文字样式 | - | | custom-icon | DropMenuItem 右侧 icon 样式 | - | diff --git a/docs/component/grid.md b/docs/component/grid.md index ba1459b2..c5c252a4 100644 --- a/docs/component/grid.md +++ b/docs/component/grid.md @@ -273,12 +273,12 @@ | 类名 | 说明 | 最低版本 | | ------------ | --------------- | -------- | -| custom-class | Grid 根结点样式 | - | +| custom-class | Grid 根节点样式 | - | ## GridItem 外部样式类 | 类名 | 说明 | 最低版本 | | ------------ | ----------------------- | -------- | -| custom-class | GridItem 根结点样式 | - | +| custom-class | GridItem 根节点样式 | - | | custom-text | GridItem 下方文字样式 | - | | custom-icon | GridItem 上方 icon 样式 | - | diff --git a/docs/component/icon.md b/docs/component/icon.md index fbcae2c5..078df51a 100644 --- a/docs/component/icon.md +++ b/docs/component/icon.md @@ -34,10 +34,10 @@ | name | 使用的图标名字，可以使用链接图片 | string | - | - | - | | color | 图标的颜色 | string | - | inherit | - | | size | 图标的字体大小 | string | - | inherit | - | -| custom-style | 根结点样式 | string | - | - | - | +| custom-style | 根节点样式 | string | - | - | - | ## 外部样式类 | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/img-cropper.md b/docs/component/img-cropper.md index 55322ae4..4a58a51d 100644 --- a/docs/component/img-cropper.md +++ b/docs/component/img-cropper.md @@ -99,4 +99,4 @@ function handleCancel(event) { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/img.md b/docs/component/img.md index ec9e5494..a500cee3 100644 --- a/docs/component/img.md +++ b/docs/component/img.md @@ -80,5 +80,5 @@ mode为小程序原生属性，参考[微信小程序image官方文档](https:// | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-image| image 外部自定义样式 | - | diff --git a/docs/component/input-number.md b/docs/component/input-number.md index 520e6493..4df04a4c 100644 --- a/docs/component/input-number.md +++ b/docs/component/input-number.md @@ -118,5 +118,5 @@ function handleChange1({ value }) { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/input.md b/docs/component/input.md index 5d54c5c3..c6ca18ac 100644 --- a/docs/component/input.md +++ b/docs/component/input.md @@ -208,7 +208,7 @@ function handleChange(event) { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-textarea-container-class | textarea 容器外部自定义样式 | - | | custom-textarea-class | textarea 外部自定义样式 | - | | custom-input-class | input 外部自定义样式 | - | diff --git a/docs/component/layout.md b/docs/component/layout.md index db9c1900..41da8496 100644 --- a/docs/component/layout.md +++ b/docs/component/layout.md @@ -106,11 +106,11 @@ | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | Row 根结点样式 | - | +| custom-class | Row 根节点样式 | - | ## Col 外部样式类 | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | Col 根结点样式 | - | +| custom-class | Col 根节点样式 | - | diff --git a/docs/component/loading.md b/docs/component/loading.md index ab6ca147..3a97216d 100644 --- a/docs/component/loading.md +++ b/docs/component/loading.md @@ -66,4 +66,4 @@ | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/loadmore.md b/docs/component/loadmore.md index 77646413..6eeae107 100644 --- a/docs/component/loadmore.md +++ b/docs/component/loadmore.md @@ -137,4 +137,4 @@ image { | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/message-box.md b/docs/component/message-box.md index 0b4f780e..97b13426 100644 --- a/docs/component/message-box.md +++ b/docs/component/message-box.md @@ -202,4 +202,4 @@ MessageBox.prompt(options) | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/notice-bar.md b/docs/component/notice-bar.md index 02694247..ed1d8066 100644 --- a/docs/component/notice-bar.md +++ b/docs/component/notice-bar.md @@ -111,4 +111,4 @@ | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/pagination.md b/docs/component/pagination.md index 521b1eae..0cc00212 100644 --- a/docs/component/pagination.md +++ b/docs/component/pagination.md @@ -65,4 +65,4 @@ function handleChange({ value }) { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/picker-view.md b/docs/component/picker-view.md index 0af20c6f..ebd39f21 100644 --- a/docs/component/picker-view.md +++ b/docs/component/picker-view.md @@ -137,4 +137,4 @@ const onChangeDistrict = (pickerView, value, columnIndex, resolve) => { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/picker.md b/docs/component/picker.md index 63567cf8..90db0602 100644 --- a/docs/component/picker.md +++ b/docs/component/picker.md @@ -288,7 +288,7 @@ function handleConfirm({ value }) { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-view-class | pickerView 外部自定义样式 | - | | custom-label-class | label 外部自定义样式 | - | | custom-value-class | value 外部自定义样式 | - | diff --git a/docs/component/popover.md b/docs/component/popover.md index 6733d335..83f3c2c7 100644 --- a/docs/component/popover.md +++ b/docs/component/popover.md @@ -158,6 +158,6 @@ function link(e) { | 类名 | 说明 | 最低版本 | | ------------ | ------------ | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-arrow | 尖角样式 | - | | custom-pop | 文字提示样式 | - | diff --git a/docs/component/popup.md b/docs/component/popup.md index 57cb1fc9..e13caf00 100644 --- a/docs/component/popup.md +++ b/docs/component/popup.md @@ -61,4 +61,4 @@ | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/progress.md b/docs/component/progress.md index 06890592..486476c4 100644 --- a/docs/component/progress.md +++ b/docs/component/progress.md @@ -88,5 +88,5 @@ const percentage = ref(100) | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/rate.md b/docs/component/rate.md index 1b23ef6e..72db740d 100644 --- a/docs/component/rate.md +++ b/docs/component/rate.md @@ -97,4 +97,4 @@ function changeValue({ value }) { | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/search.md b/docs/component/search.md index d91fa363..2e7edd80 100644 --- a/docs/component/search.md +++ b/docs/component/search.md @@ -191,4 +191,4 @@ function changeSearchType({ item, index }) { | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/select-picker.md b/docs/component/select-picker.md index 3a9780f6..7030c70f 100644 --- a/docs/component/select-picker.md +++ b/docs/component/select-picker.md @@ -376,7 +376,7 @@ function handleConfirm({ value, selectedItems }) { | 类名 | 说明 | 最低版本 | | -------------------- | ------------------------ | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-label-class | label 外部自定义样式 | - | | custom-value-class | value 外部自定义样式 | - | | custom-content-class | 弹出层内容区域自定义样式 | - | diff --git a/docs/component/slider.md b/docs/component/slider.md index 348ce8db..108a6965 100644 --- a/docs/component/slider.md +++ b/docs/component/slider.md @@ -78,6 +78,6 @@ const value = ref([10, 30]) ## 外部样式类 | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-min-class | 最小值自定义样式 | - | | custom-max-class | 最大值自定义样式 | - | diff --git a/docs/component/sort-button.md b/docs/component/sort-button.md index 864fc020..7a566d6e 100644 --- a/docs/component/sort-button.md +++ b/docs/component/sort-button.md @@ -62,4 +62,4 @@ function handleChange({ value }) { ## 外部样式类 | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/steps.md b/docs/component/steps.md index 6fd5afbd..80ee32c1 100644 --- a/docs/component/steps.md +++ b/docs/component/steps.md @@ -121,10 +121,10 @@ | 类名 | 说明 | 最低版本 | |-----|-----|---------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | ## Step 外部样式类 | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/sticky.md b/docs/component/sticky.md index 33d7b2e0..2c61ca4a 100644 --- a/docs/component/sticky.md +++ b/docs/component/sticky.md @@ -97,10 +97,10 @@ page{ | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | ## Sticky Box 外部样式类 | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | \ No newline at end of file +| custom-class | 根节点样式 | - | \ No newline at end of file diff --git a/docs/component/swipe-action.md b/docs/component/swipe-action.md index 737e969e..b66c54f7 100644 --- a/docs/component/swipe-action.md +++ b/docs/component/swipe-action.md @@ -248,4 +248,4 @@ function handleClick({ value }) { | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/switch.md b/docs/component/switch.md index 15880a28..98c0376c 100644 --- a/docs/component/switch.md +++ b/docs/component/switch.md @@ -92,4 +92,4 @@ const beforeChange = ({ value, resolve }) => { | 类名 | 说明 | 最低版本 | |-----|-----|---------| -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/tabbar.md b/docs/component/tabbar.md new file mode 100644 index 00000000..d08d509b --- /dev/null +++ b/docs/component/tabbar.md @@ -0,0 +1,28 @@ + + +# Tabbar 标签栏 + +底部导航栏，用于在不同页面之间进行切换。 + + + +## Attributes +| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | +|-----------------------|--------------------------------------------|-----------------------------|--------------------------------------|-------------------|------------| +| v-model/modelValue | 选中标签的索引值或者名称 | number / string | - | 0 | 0.1.27 | +| fixed | 是否固定在底部 | boolean | - | false | 0.1.27 | +| safeAreaInsetBottom | 是否设置底部安全距离（iPhone X 类型的机型） | boolean | - | - | 0.1.27 | +| bordered | 是否显示顶部边框 | boolean | - | true | 0.1.27 | +| shape | 标签栏的形状 | TabbarShape | 'default' / 'round' | 'default' | 0.1.27 | +| activeColor | 激活标签的颜色 | string | - | '' | 0.1.27 | +| inactiveColor | 未激活标签的颜色 | string | - | '' | 0.1.27 | +| placeholder | 固定在底部时，是否在标签位置生成一个等高的占位元素 | boolean | - | false | 0.1.27 | +| zIndex | tabbar组件的层级 | number | - | 500 | 0.1.27 | + +## 外部样式类 + +| 类名 | 说明 | 最低版本 | +|-----|-----|---------| +| custom-class | 根节点样式类 | - | +| custom-style | 根节点样式 | - | + diff --git a/docs/component/tabs.md b/docs/component/tabs.md index 43e3bd15..3649ebc6 100644 --- a/docs/component/tabs.md +++ b/docs/component/tabs.md @@ -142,4 +142,4 @@ const tab = ref(0) | 类名 | 说明 | 最低版本 | |-----|------|--------| -| custom-class | 根结点样式 | - | \ No newline at end of file +| custom-class | 根节点样式 | - | \ No newline at end of file diff --git a/docs/component/tag.md b/docs/component/tag.md index 6433e8de..42a2bd63 100644 --- a/docs/component/tag.md +++ b/docs/component/tag.md @@ -182,4 +182,4 @@ function handleClose(order) { | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | diff --git a/docs/component/toast.md b/docs/component/toast.md index b8fac3e1..0e28d65c 100644 --- a/docs/component/toast.md +++ b/docs/component/toast.md @@ -112,5 +112,5 @@ toast.close() | 类名 | 说明 | 最低版本 | | ----------------- | -------------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-icon-class | 自定义图标类名 | - | diff --git a/docs/component/tooltip.md b/docs/component/tooltip.md index 0fb0da6a..32282878 100644 --- a/docs/component/tooltip.md +++ b/docs/component/tooltip.md @@ -157,6 +157,6 @@ Tooltip 组件通过属性`show-close` 控制是否显示关闭按钮。 | 类名 | 说明 | 最低版本 | | ------------ | ------------ | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | custom-arrow | 尖角样式 | - | | custom-pop | 文字提示样式 | - | diff --git a/docs/component/transition.md b/docs/component/transition.md index 54dcf3f0..d6b294dc 100644 --- a/docs/component/transition.md +++ b/docs/component/transition.md @@ -96,7 +96,7 @@ | 类名 | 说明 | 最低版本 | | ------------------ | ---------------------------------------------------------------------------------------------------------------------- | -------- | -| custom-class | 根结点样式 | - | +| custom-class | 根节点样式 | - | | enter-class | 定义进入过渡的开始状态，在元素被插入前生效，在插入的下一帧移除 | - | | enter-active-class | 定义动画执行期间的状态，在整个进入动画中应用；在元素被插入前生效，在动画结束后移除；可以定义 transition 相关属性 | - | | enter-to-class | 定义进入过渡的结束状态，在元素被插入的下一帧生效，在动画结束后移除 | - |