first add files

ProjectLiaisonForm/pages/slider/skyline/slider.d.ts

@@ -0,0 +1 @@
+

ProjectLiaisonForm/pages/slider/skyline/slider.js

@@ -0,0 +1 @@
+Page({});

ProjectLiaisonForm/pages/slider/skyline/slider.json

@@ -0,0 +1,16 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "t-navbar": "tdesign-miniprogram/navbar/navbar",
+    "base": "../base",
+    "label": "../label",
+    "step": "../step",
+    "range": "../range",
+    "disabled": "../disabled",
+    "capsule": "../capsule",
+    "vertical": "../vertical"
+  },
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "disableScroll": true
+}

ProjectLiaisonForm/pages/slider/skyline/slider.wxml

@@ -0,0 +1,41 @@
+<view class="skyline">
+  <t-navbar class="block" title="Slider" left-arrow />
+  <scroll-view scroll-y type="list" class="scroll-view">
+    <view class="demo">
+      <view class="demo-title">Slider 滑动选择器</view>
+      <view class="demo-desc">用于选择横轴上的数值、区间、档位。</view>
+      <t-demo title="01 组件类型" desc="单游标滑块">
+        <base />
+      </t-demo>
+
+      <t-demo desc="双游标滑块">
+        <range />
+      </t-demo>
+
+      <t-demo desc="带数值滑动选择器">
+        <label />
+      </t-demo>
+      <!--
+      <t-demo desc="起始非零滑动选择器">
+        <max />
+      </t-demo> -->
+
+      <t-demo desc="带刻度滑动选择器">
+        <step />
+      </t-demo>
+
+      <t-demo title="02 组件状态" desc="滑块禁用状态">
+        <disabled />
+      </t-demo>
+
+      <t-demo title="03 特殊样式" desc="胶囊型滑块">
+        <capsule />
+      </t-demo>
+
+      <!-- skylne模式下，e.changedTouches返回的坐标为0 -->
+      <!-- <t-demo title="04 垂直状态">
+        <vertical />
+      </t-demo> -->
+    </view>
+  </scroll-view>
+</view>

ProjectLiaisonForm/pages/slider/skyline/slider.wxss

@@ -0,0 +1,15 @@
+page {
+  padding-bottom: 32rpx;
+}
+.t-slider {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  padding: 32rpx 0;
+}
+.t-slider {
+  flex: 1;
+}
+.t-slider + .t-slider {
+  margin-top: 32rpx;
+}