diff --git a/examples/hello-uniapp/components/segmented-control.vue b/examples/hello-uniapp/components/segmented-control.vue
index 6a4b55b25f16a58611a7a180854db03096624ddf..0294a9afda41d154a5392e0c524c84403b2fa960 100644
--- a/examples/hello-uniapp/components/segmented-control.vue
+++ b/examples/hello-uniapp/components/segmented-control.vue
@@ -103,33 +103,32 @@
margin: 0 auto;
overflow: hidden;
}
-
+
.segmented-control.button {
border: 1upx solid;
}
-
+
.segmented-control.text {
border: 0;
border-radius: 0upx;
}
-
-
+
.segmented-control-item {
flex: 1;
text-align: center;
line-height: 70upx;
box-sizing: border-box;
}
-
+
.segmented-control-item.button {
border-left: 1upx solid;
}
-
+
.segmented-control-item.text {
border-left: 0;
}
-
+
.segmented-control-item:first-child {
border-left-width: 0;
}
-
+
diff --git a/examples/hello-uniapp/components/uni-segmented-control.vue b/examples/hello-uniapp/components/uni-segmented-control.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f2a4173191f0a09ed9f294ece953961506ff40a3
--- /dev/null
+++ b/examples/hello-uniapp/components/uni-segmented-control.vue
@@ -0,0 +1,134 @@
+
+
+
+ {{item}}
+
+
+
+
+
+
+
diff --git a/examples/hello-uniapp/pages/template/segmented-control/segmented-control.vue b/examples/hello-uniapp/pages/template/segmented-control/segmented-control.vue
index b0f512b94fdba1ae119351477fb0cccf2c106a50..c7024c37823739bb837e7080253c7b18b8a7e020 100644
--- a/examples/hello-uniapp/pages/template/segmented-control/segmented-control.vue
+++ b/examples/hello-uniapp/pages/template/segmented-control/segmented-control.vue
@@ -1,7 +1,7 @@
-
+
-
+
@@ -42,7 +42,7 @@