diff --git a/example/app.json b/example/app.json
index 5435a4d0e..eaecc68c3 100644
--- a/example/app.json
+++ b/example/app.json
@@ -33,6 +33,7 @@
     "pages/radio/radio",
     "pages/radio/skyline/radio",
     "pages/switch/switch",
+    "pages/switch/skyline/switch",
     "pages/sticky/sticky",
     "pages/tag/tag",
     "pages/tag/skyline/tag",
diff --git a/example/pages/home/data/form.ts b/example/pages/home/data/form.ts
index b3b260086..a6572ea69 100644
--- a/example/pages/home/data/form.ts
+++ b/example/pages/home/data/form.ts
@@ -105,6 +105,10 @@ const skylineForm = {
       name: 'Stepper',
       label: '步进器',
     },
+    {
+      name: 'Switch',
+      label: '开关',
+    },
     {
       name: 'Textarea',
       label: '多行文本框',
diff --git a/src/switch/_example/skyline/switch.json b/src/switch/_example/skyline/switch.json
new file mode 100644
index 000000000..a1e6aaddf
--- /dev/null
+++ b/src/switch/_example/skyline/switch.json
@@ -0,0 +1,14 @@
+{
+  "navigationBarTitleText": "Switch",
+  "usingComponents": {
+    "t-demo": "../../../components/demo-block",
+    "base": "../base",
+    "label": "../label",
+    "color": "../color",
+    "status": "../status",
+    "size": "../size"
+  },
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "disableScroll": true
+}
diff --git a/src/switch/_example/skyline/switch.less b/src/switch/_example/skyline/switch.less
new file mode 100644
index 000000000..f1d2965d5
--- /dev/null
+++ b/src/switch/_example/skyline/switch.less
@@ -0,0 +1,3 @@
+page {
+  --td-cell-height: 112rpx;
+}
diff --git a/src/switch/_example/skyline/switch.ts b/src/switch/_example/skyline/switch.ts
new file mode 100644
index 000000000..560d44d43
--- /dev/null
+++ b/src/switch/_example/skyline/switch.ts
@@ -0,0 +1 @@
+Page({});
diff --git a/src/switch/_example/skyline/switch.wxml b/src/switch/_example/skyline/switch.wxml
new file mode 100644
index 000000000..3a9637cac
--- /dev/null
+++ b/src/switch/_example/skyline/switch.wxml
@@ -0,0 +1,27 @@
+<view class="skyline">
+  <t-navbar title="Switch" leftArrow />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo-title">Switch 开关</view>
+    <view class="demo-desc">用于控制某个功能的开启和关闭。</view>
+
+    <t-demo title="01 组件类型" desc="基础开关">
+      <base />
+    </t-demo>
+
+    <t-demo desc="带描述开关">
+      <label />
+    </t-demo>
+
+    <t-demo desc="自定义颜色开关">
+      <color />
+    </t-demo>
+
+    <t-demo title="02 组件状态">
+      <status />
+    </t-demo>
+
+    <t-demo title="03 组件样式" desc="开关尺寸">
+      <size />
+    </t-demo>
+  </scroll-view>
+</view>