diff --git a/src/cell/README.md b/src/cell/README.md
index 2d3b3f5e9..d75f8f510 100644
--- a/src/cell/README.md
+++ b/src/cell/README.md
@@ -21,64 +21,13 @@ isComponent: true
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
+{{ base }}
### 多行单元格
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
+{{ multiple }}
## API
### Cell Props
diff --git a/src/cell/_example/base/index.js b/src/cell/_example/base/index.js
new file mode 100644
index 000000000..31d8d3d90
--- /dev/null
+++ b/src/cell/_example/base/index.js
@@ -0,0 +1,3 @@
+Page({
+ data: {},
+});
diff --git a/src/cell/_example/base/index.json b/src/cell/_example/base/index.json
new file mode 100644
index 000000000..e5330fa5b
--- /dev/null
+++ b/src/cell/_example/base/index.json
@@ -0,0 +1,8 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-switch": "tdesign-miniprogram/switch/switch",
+ "t-cell": "tdesign-miniprogram/cell/cell",
+ "t-badge": "tdesign-miniprogram/badge/badge"
+ }
+}
diff --git a/src/cell/_example/base/index.wxml b/src/cell/_example/base/index.wxml
new file mode 100644
index 000000000..eb1de07b8
--- /dev/null
+++ b/src/cell/_example/base/index.wxml
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/cell/_example/base/index.wxss b/src/cell/_example/base/index.wxss
new file mode 100644
index 000000000..1994483c9
--- /dev/null
+++ b/src/cell/_example/base/index.wxss
@@ -0,0 +1,3 @@
+.demo-section__wrapper {
+ margin: 32rpx 0;
+}
diff --git a/src/cell/_example/cell.json b/src/cell/_example/cell.json
index ceaf4364e..028116e73 100644
--- a/src/cell/_example/cell.json
+++ b/src/cell/_example/cell.json
@@ -1,6 +1,8 @@
{
"navigationBarTitleText": "cell 单元格",
"usingComponents": {
- "t-demo": "../../components/demo-block/index"
+ "t-demo": "../../components/demo-block/index",
+ "base": "./base",
+ "multiple": "./multiple"
}
}
diff --git a/src/cell/_example/cell.wxml b/src/cell/_example/cell.wxml
index ebb6bfd82..3106b3eb2 100644
--- a/src/cell/_example/cell.wxml
+++ b/src/cell/_example/cell.wxml
@@ -3,46 +3,9 @@
用于各个类别行的信息展示。
单行
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
多行
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/src/cell/_example/multiple/index.js b/src/cell/_example/multiple/index.js
new file mode 100644
index 000000000..31d8d3d90
--- /dev/null
+++ b/src/cell/_example/multiple/index.js
@@ -0,0 +1,3 @@
+Page({
+ data: {},
+});
diff --git a/src/cell/_example/multiple/index.json b/src/cell/_example/multiple/index.json
new file mode 100644
index 000000000..81be7958d
--- /dev/null
+++ b/src/cell/_example/multiple/index.json
@@ -0,0 +1,7 @@
+{
+ "component": true,
+ "usingComponents": {
+ "t-icon": "tdesign-miniprogram/icon/icon",
+ "t-cell": "tdesign-miniprogram/cell/cell"
+ }
+}
diff --git a/src/cell/_example/multiple/index.wxml b/src/cell/_example/multiple/index.wxml
new file mode 100644
index 000000000..3dc7aed55
--- /dev/null
+++ b/src/cell/_example/multiple/index.wxml
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/cell/_example/multiple/index.wxss b/src/cell/_example/multiple/index.wxss
new file mode 100644
index 000000000..f9e33b62d
--- /dev/null
+++ b/src/cell/_example/multiple/index.wxss
@@ -0,0 +1,14 @@
+.demo-section__wrapper {
+ margin: 32rpx 0;
+}
+
+.t-class-left {
+ align-self: flex-start;
+}
+
+.avatar {
+ width: 96rpx;
+ height: 96rpx;
+ border-radius: 50%;
+ overflow: hidden;
+}