diff --git a/docs/component/steps.md b/docs/component/steps.md index d44077222..e8c5ba64d 100644 --- a/docs/component/steps.md +++ b/docs/component/steps.md @@ -2,6 +2,10 @@ # Steps 标签页 +:::tip 破坏性更新提醒 +`1.2.10`版本`step`组件废弃了`title-slot`、`icon-slot`和`description-slot`等三个控制插槽使用的字段,新增支持直接使用`title`、`icon`和`description`插槽,同时废弃了`default`插槽。 +::: + ## 基本用法 @@ -111,20 +115,20 @@ function nextStep() { | 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | |-----|------|-----|-------|-------|--------| | title | 标题,如果没有则为默认文案。当只有标题而没有描述时,标题的字号会小2号 | string | - | - | - | -| title-slot | 使用 title 插槽时需要设置该属性 | boolean | - | false | - | +| title-slot | 使用 title 插槽时需要设置该属性,已废弃,直接使用title插槽即可 | boolean | - | false | - | | description | 描述 | string | - | - | - | -| description-slot | 使用 description 插槽时需要设置该属性 | boolean | - | false | - | +| description-slot | 使用 description 插槽时需要设置该属性,已废弃,直接使用description插槽即可 | boolean | - | false | - | | icon | 图标 | string | - | - | - | -| icon-slot | 使用 icon 插槽时需要设置该属性 | boolean | - | false | - | +| icon-slot | 使用 icon 插槽时需要设置该属性,已废弃,直接使用icon插槽即可 | boolean | - | false | - | | status | 步骤状态 | string | finished / process / error | - | - | ## Step Slot | name | 说明 | 最低版本 | |------|-----|---------| -| icon | 图标 | - | -| title | 标题 | - | -| description | 描述 | - | +| icon | 图标 | 1.2.10 | +| title | 标题 | 1.2.10 | +| description | 描述 | 1.2.10 | ## Steps 外部样式类 diff --git a/src/uni_modules/wot-design-uni/components/wd-button/index.scss b/src/uni_modules/wot-design-uni/components/wd-button/index.scss index 2e2940ed0..22ccc076e 100644 --- a/src/uni_modules/wot-design-uni/components/wd-button/index.scss +++ b/src/uni_modules/wot-design-uni/components/wd-button/index.scss @@ -40,13 +40,6 @@ } } -/* #ifdef MP-WEIXIN */ -button { - margin: 0; -} -/* #endif */ - - @include b(button) { position: relative; display: inline-flex; diff --git a/src/uni_modules/wot-design-uni/components/wd-step/types.ts b/src/uni_modules/wot-design-uni/components/wd-step/types.ts index 4ee8f1c55..3d24ff6df 100644 --- a/src/uni_modules/wot-design-uni/components/wd-step/types.ts +++ b/src/uni_modules/wot-design-uni/components/wd-step/types.ts @@ -29,26 +29,5 @@ export const stepProps = { * 步骤状态,可选值为 'finished'(已完成)、'process'(进行中)、'error'(出错)。 * 类型: string */ - status: String as PropType, - - /** - * 当使用icon插槽时,需要设置该属性为true。 - * 类型: boolean - * 默认值: false - */ - iconSlot: makeBooleanProp(false), - - /** - * 当使用title插槽时,需要设置该属性为true。 - * 类型: boolean - * 默认值: false - */ - titleSlot: makeBooleanProp(false), - - /** - * 当使用description插槽时,需要设置该属性为true。 - * 类型: boolean - * 默认值: false - */ - descriptionSlot: makeBooleanProp(false) + status: String as PropType } diff --git a/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue b/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue index 52576ecf6..9c5ba1c19 100644 --- a/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue +++ b/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue @@ -7,9 +7,9 @@ :style="styles" > - + - + @@ -20,12 +20,12 @@ - - + + {{ currentTitle }} - - + + {{ description }}