mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-08 10:08:47 +08:00
docs: ✏️ 修复文档中根节点错写为根结点的问题
This commit is contained in:
parent
2ab7b39217
commit
6da414503c
@ -231,5 +231,5 @@ function select({ item, index }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------------- | --------------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-header-class | header 头部样式 | - |
|
||||
|
||||
@ -111,4 +111,4 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
@ -122,4 +122,4 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -253,4 +253,4 @@ function handleChange({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -424,6 +424,6 @@ function handleConfirm4({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------------ | -------------------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-label-class | label 外部自定义样式 | - |
|
||||
| custom-value-class | value 外部自定义样式 | - |
|
||||
|
||||
@ -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 时的自定义样式 | - |
|
||||
|
||||
@ -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 | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
@ -88,4 +88,4 @@ const gradientColor = {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
@ -560,6 +560,6 @@ const columnChange = ({ selectedItem, resolve, finish }) => {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------------ | -------------------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-label-class | label 外部自定义样式 | - |
|
||||
| custom-value-class | value 外部自定义样式 | - |
|
||||
|
||||
@ -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 | 查看更多模式下的插槽外部自定义样式 | - |
|
||||
|
||||
@ -129,5 +129,5 @@ function handleClose() {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
|
||||
@ -35,4 +35,4 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|-----|---------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -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 样式 | - |
|
||||
|
||||
@ -273,12 +273,12 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | --------------- | -------- |
|
||||
| custom-class | Grid 根结点样式 | - |
|
||||
| custom-class | Grid 根节点样式 | - |
|
||||
|
||||
## GridItem 外部样式类
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ----------------------- | -------- |
|
||||
| custom-class | GridItem 根结点样式 | - |
|
||||
| custom-class | GridItem 根节点样式 | - |
|
||||
| custom-text | GridItem 下方文字样式 | - |
|
||||
| custom-icon | GridItem 上方 icon 样式 | - |
|
||||
|
||||
@ -34,10 +34,10 @@
|
||||
| name | 使用的图标名字,可以使用链接图片 | string | - | - | - |
|
||||
| color | 图标的颜色 | string | - | inherit | - |
|
||||
| size | 图标的字体大小 | string | - | inherit | - |
|
||||
| custom-style | 根结点样式 | string | - | - | - |
|
||||
| custom-style | 根节点样式 | string | - | - | - |
|
||||
|
||||
## 外部样式类
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -99,4 +99,4 @@ function handleCancel(event) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -80,5 +80,5 @@ mode为小程序原生属性,参考[微信小程序image官方文档](https://
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-image| image 外部自定义样式 | - |
|
||||
|
||||
@ -118,5 +118,5 @@ function handleChange1({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
|
||||
@ -208,7 +208,7 @@ function handleChange(event) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-textarea-container-class | textarea 容器外部自定义样式 | - |
|
||||
| custom-textarea-class | textarea 外部自定义样式 | - |
|
||||
| custom-input-class | input 外部自定义样式 | - |
|
||||
|
||||
@ -106,11 +106,11 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | Row 根结点样式 | - |
|
||||
| custom-class | Row 根节点样式 | - |
|
||||
|
||||
## Col 外部样式类
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | Col 根结点样式 | - |
|
||||
| custom-class | Col 根节点样式 | - |
|
||||
|
||||
|
||||
@ -66,4 +66,4 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -137,4 +137,4 @@ image {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -202,4 +202,4 @@ MessageBox.prompt(options)
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -111,4 +111,4 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -65,4 +65,4 @@ function handleChange({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -137,4 +137,4 @@ const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -288,7 +288,7 @@ function handleConfirm({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-view-class | pickerView 外部自定义样式 | - |
|
||||
| custom-label-class | label 外部自定义样式 | - |
|
||||
| custom-value-class | value 外部自定义样式 | - |
|
||||
|
||||
@ -158,6 +158,6 @@ function link(e) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ------------ | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-arrow | 尖角样式 | - |
|
||||
| custom-pop | 文字提示样式 | - |
|
||||
|
||||
@ -61,4 +61,4 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -88,5 +88,5 @@ const percentage = ref<number>(100)
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
|
||||
@ -97,4 +97,4 @@ function changeValue({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -191,4 +191,4 @@ function changeSearchType({ item, index }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -376,7 +376,7 @@ function handleConfirm({ value, selectedItems }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| -------------------- | ------------------------ | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-label-class | label 外部自定义样式 | - |
|
||||
| custom-value-class | value 外部自定义样式 | - |
|
||||
| custom-content-class | 弹出层内容区域自定义样式 | - |
|
||||
|
||||
@ -78,6 +78,6 @@ const value = ref<number[]>([10, 30])
|
||||
## 外部样式类
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-min-class | 最小值自定义样式 | - |
|
||||
| custom-max-class | 最大值自定义样式 | - |
|
||||
|
||||
@ -62,4 +62,4 @@ function handleChange({ value }) {
|
||||
## 外部样式类
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -121,10 +121,10 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|-----|---------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
## Step 外部样式类
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -97,10 +97,10 @@ page{
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
## Sticky Box 外部样式类
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
@ -248,4 +248,4 @@ function handleClick({ value }) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -92,4 +92,4 @@ const beforeChange = ({ value, resolve }) => {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|-----|---------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
28
docs/component/tabbar.md
Normal file
28
docs/component/tabbar.md
Normal file
@ -0,0 +1,28 @@
|
||||
<frame/>
|
||||
|
||||
# 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 | 根节点样式 | - |
|
||||
|
||||
@ -142,4 +142,4 @@ const tab = ref<number>(0)
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
|-----|------|--------|
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
@ -182,4 +182,4 @@ function handleClose(order) {
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ---------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
|
||||
@ -112,5 +112,5 @@ toast.close()
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ----------------- | -------------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-icon-class | 自定义图标类名 | - |
|
||||
|
||||
@ -157,6 +157,6 @@ Tooltip 组件通过属性`show-close` 控制是否显示关闭按钮。
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------ | ------------ | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| custom-arrow | 尖角样式 | - |
|
||||
| custom-pop | 文字提示样式 | - |
|
||||
|
||||
@ -96,7 +96,7 @@
|
||||
|
||||
| 类名 | 说明 | 最低版本 |
|
||||
| ------------------ | ---------------------------------------------------------------------------------------------------------------------- | -------- |
|
||||
| custom-class | 根结点样式 | - |
|
||||
| custom-class | 根节点样式 | - |
|
||||
| enter-class | 定义进入过渡的开始状态,在元素被插入前生效,在插入的下一帧移除 | - |
|
||||
| enter-active-class | 定义动画执行期间的状态,在整个进入动画中应用;在元素被插入前生效,在动画结束后移除;可以定义 transition 相关属性 | - |
|
||||
| enter-to-class | 定义进入过渡的结束状态,在元素被插入的下一帧生效,在动画结束后移除 | - |
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user