diff --git a/src/stepper/README.md b/src/stepper/README.md
index bdb9f0702..ff55afdf3 100644
--- a/src/stepper/README.md
+++ b/src/stepper/README.md
@@ -17,34 +17,35 @@ isComponent: true
## 代码演示
+
+
+### 基本步进器
+
+{{ base }}
+
### 带单位的步进器
-
+{{ step }}
-```html
-
-
-
-
-
-```
+### 纯步进器
-### 受控用法
+{{ input-width }}
+
+### 步进器状态
+
+#### 禁用
+
+{{ status }}
+
+#### 最小值/最大值
+
+{{ min-max }}
+
+#### 其他
+
+{{ other }}
-```html
-
-```
-```js
-Page({
- data: {
- value: 0
- },
- handleChange(e) {
- this.setData({ value: e.detail.value })
- }
-})
-```
## API
### Stepper Props
diff --git a/src/stepper/_example/base/index.js b/src/stepper/_example/base/index.js
new file mode 100644
index 000000000..b79c5124b
--- /dev/null
+++ b/src/stepper/_example/base/index.js
@@ -0,0 +1 @@
+Component({});
diff --git a/src/stepper/_example/base/index.json b/src/stepper/_example/base/index.json
new file mode 100644
index 000000000..480ad0dc7
--- /dev/null
+++ b/src/stepper/_example/base/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-stepper": "tdesign-miniprogram/stepper/stepper"
+ }
+}
diff --git a/src/stepper/_example/base/index.wxml b/src/stepper/_example/base/index.wxml
new file mode 100644
index 000000000..4ba1ccd46
--- /dev/null
+++ b/src/stepper/_example/base/index.wxml
@@ -0,0 +1,3 @@
+
+
+
diff --git a/src/stepper/_example/base/index.wxss b/src/stepper/_example/base/index.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/stepper/_example/input-width/index.js b/src/stepper/_example/input-width/index.js
new file mode 100644
index 000000000..e5791475f
--- /dev/null
+++ b/src/stepper/_example/input-width/index.js
@@ -0,0 +1,16 @@
+Component({
+ data: {
+ value: 20,
+ },
+
+ methods: {
+ handleChange(e) {
+ const { value } = e.detail;
+
+ console.log(value);
+ this.setData({
+ value,
+ });
+ },
+ },
+});
diff --git a/src/stepper/_example/input-width/index.json b/src/stepper/_example/input-width/index.json
new file mode 100644
index 000000000..480ad0dc7
--- /dev/null
+++ b/src/stepper/_example/input-width/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-stepper": "tdesign-miniprogram/stepper/stepper"
+ }
+}
diff --git a/src/stepper/_example/input-width/index.wxml b/src/stepper/_example/input-width/index.wxml
new file mode 100644
index 000000000..c3b571bae
--- /dev/null
+++ b/src/stepper/_example/input-width/index.wxml
@@ -0,0 +1,2 @@
+
+
diff --git a/src/stepper/_example/input-width/index.wxss b/src/stepper/_example/input-width/index.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/stepper/_example/min-max/index.js b/src/stepper/_example/min-max/index.js
new file mode 100644
index 000000000..b79c5124b
--- /dev/null
+++ b/src/stepper/_example/min-max/index.js
@@ -0,0 +1 @@
+Component({});
diff --git a/src/stepper/_example/min-max/index.json b/src/stepper/_example/min-max/index.json
new file mode 100644
index 000000000..480ad0dc7
--- /dev/null
+++ b/src/stepper/_example/min-max/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-stepper": "tdesign-miniprogram/stepper/stepper"
+ }
+}
diff --git a/src/stepper/_example/min-max/index.wxml b/src/stepper/_example/min-max/index.wxml
new file mode 100644
index 000000000..de92f4ade
--- /dev/null
+++ b/src/stepper/_example/min-max/index.wxml
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/src/stepper/_example/min-max/index.wxss b/src/stepper/_example/min-max/index.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/stepper/_example/other/index.js b/src/stepper/_example/other/index.js
new file mode 100644
index 000000000..e5791475f
--- /dev/null
+++ b/src/stepper/_example/other/index.js
@@ -0,0 +1,16 @@
+Component({
+ data: {
+ value: 20,
+ },
+
+ methods: {
+ handleChange(e) {
+ const { value } = e.detail;
+
+ console.log(value);
+ this.setData({
+ value,
+ });
+ },
+ },
+});
diff --git a/src/stepper/_example/other/index.json b/src/stepper/_example/other/index.json
new file mode 100644
index 000000000..480ad0dc7
--- /dev/null
+++ b/src/stepper/_example/other/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-stepper": "tdesign-miniprogram/stepper/stepper"
+ }
+}
diff --git a/src/stepper/_example/other/index.wxml b/src/stepper/_example/other/index.wxml
new file mode 100644
index 000000000..58933d3e3
--- /dev/null
+++ b/src/stepper/_example/other/index.wxml
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/src/stepper/_example/other/index.wxss b/src/stepper/_example/other/index.wxss
new file mode 100644
index 000000000..8c2079de3
--- /dev/null
+++ b/src/stepper/_example/other/index.wxss
@@ -0,0 +1,6 @@
+.pure-stepper-container {
+ padding: 24rpx 32rpx;
+ background-color: #fff;
+ display: flex;
+ justify-content: space-between;
+}
diff --git a/src/stepper/_example/status/index.js b/src/stepper/_example/status/index.js
new file mode 100644
index 000000000..b79c5124b
--- /dev/null
+++ b/src/stepper/_example/status/index.js
@@ -0,0 +1 @@
+Component({});
diff --git a/src/stepper/_example/status/index.json b/src/stepper/_example/status/index.json
new file mode 100644
index 000000000..480ad0dc7
--- /dev/null
+++ b/src/stepper/_example/status/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-stepper": "tdesign-miniprogram/stepper/stepper"
+ }
+}
diff --git a/src/stepper/_example/status/index.wxml b/src/stepper/_example/status/index.wxml
new file mode 100644
index 000000000..b0fdf8aa1
--- /dev/null
+++ b/src/stepper/_example/status/index.wxml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/src/stepper/_example/status/index.wxss b/src/stepper/_example/status/index.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/stepper/_example/step/index.js b/src/stepper/_example/step/index.js
new file mode 100644
index 000000000..b79c5124b
--- /dev/null
+++ b/src/stepper/_example/step/index.js
@@ -0,0 +1 @@
+Component({});
diff --git a/src/stepper/_example/step/index.json b/src/stepper/_example/step/index.json
new file mode 100644
index 000000000..480ad0dc7
--- /dev/null
+++ b/src/stepper/_example/step/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-stepper": "tdesign-miniprogram/stepper/stepper"
+ }
+}
diff --git a/src/stepper/_example/step/index.wxml b/src/stepper/_example/step/index.wxml
new file mode 100644
index 000000000..dea73af15
--- /dev/null
+++ b/src/stepper/_example/step/index.wxml
@@ -0,0 +1,3 @@
+
+
+
diff --git a/src/stepper/_example/step/index.wxss b/src/stepper/_example/step/index.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/stepper/_example/stepper.json b/src/stepper/_example/stepper.json
index 2cbf9a488..95ad2b1dd 100644
--- a/src/stepper/_example/stepper.json
+++ b/src/stepper/_example/stepper.json
@@ -1,6 +1,12 @@
{
"navigationBarTitleText": "Stepper 步进器",
"usingComponents": {
- "t-demo": "../../components/demo-block/index"
+ "t-demo": "../../components/demo-block/index",
+ "base": "./base",
+ "step": "./step",
+ "input-width": "./input-width",
+ "other": "./other",
+ "status": "./status",
+ "min-max": "./min-max"
}
}
diff --git a/src/stepper/_example/stepper.less b/src/stepper/_example/stepper.less
index 8ef7fd97b..3238a19f4 100644
--- a/src/stepper/_example/stepper.less
+++ b/src/stepper/_example/stepper.less
@@ -1,50 +1,3 @@
-.t-stepper {
- &-title,
- &-desc {
- margin: 0 32rpx;
- }
-
- &-title {
- padding-top: 48rpx;
- font-size: 40rpx;
- font-weight: 500;
- line-height: 56rpx;
- }
-
- &-desc {
- color: rgba(0, 0, 0, 0.4);
- margin-top: 16rpx;
- font-size: 26rpx;
- line-height: 36rpx;
- }
-}
-
-.t-stepper-wrapper {
- margin-top: 40rpx;
- margin-bottom: 8rpx;
-
- &-title,
- &-desc {
- margin: 0 32rpx;
- }
-
- &-title {
- color: rgba(0, 0, 0, 0.9);
- font-size: 32rpx;
- font-weight: 500;
- line-height: 48rpx;
- margin-bottom: 16rpx;
- }
-
- &-desc {
- margin: 32rpx;
- color: rgba(0, 0, 0, 0.4);
- font-size: 26rpx;
- line-height: 36rpx;
- white-space: pre-line;
- }
-}
-
.pure-stepper-container {
padding: 24rpx 32rpx;
background-color: #fff;
@@ -52,6 +5,6 @@
justify-content: space-between;
}
-.interval {
- height: 32rpx;
+.t-cell {
+ margin-bottom: 32rpx;
}
diff --git a/src/stepper/_example/stepper.ts b/src/stepper/_example/stepper.ts
index 2705dff17..560d44d43 100644
--- a/src/stepper/_example/stepper.ts
+++ b/src/stepper/_example/stepper.ts
@@ -1,14 +1 @@
-Page({
- data: {
- value: 20,
- },
-
- handleChange(e) {
- const { value } = e.detail;
-
- console.log(value);
- this.setData({
- value,
- });
- },
-});
+Page({});
diff --git a/src/stepper/_example/stepper.wxml b/src/stepper/_example/stepper.wxml
index 829072e35..593d47c49 100644
--- a/src/stepper/_example/stepper.wxml
+++ b/src/stepper/_example/stepper.wxml
@@ -1,57 +1,22 @@
-
- Stepper 步进器
- 用于数量的增减。
+
+ Stepper 步进器
+ 用于数量的增减。
-
-
-
-
-
- 带单位步进器
-
-
-
-
-
- 纯步进器
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+