From 914b64978c38c68a1ae3f458352f7f3b15227f4c Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Sat, 1 Jul 2023 14:48:07 +0800
Subject: [PATCH] feat: add slider x 100

---
 pages.json                                 |  6 +++
 pages/component/slider-100/slider-100.uvue | 48 ++++++++++++++++++++++
 pages/tabBar/component/component.uvue      |  3 ++
 3 files changed, 57 insertions(+)
 create mode 100644 pages/component/slider-100/slider-100.uvue

diff --git a/pages.json b/pages.json
index a19b268f..42e8900c 100644
--- a/pages.json
+++ b/pages.json
@@ -67,6 +67,12 @@
                 "navigationBarTitleText": "slider"
             }
         },
+        {
+            "path": "pages/component/slider-100/slider-100",
+            "style": {
+                "navigationBarTitleText": "slider x 100"
+            }
+        },
         {
             "path": "pages/component/switch/switch",
             "style": {
diff --git a/pages/component/slider-100/slider-100.uvue b/pages/component/slider-100/slider-100.uvue
new file mode 100644
index 00000000..8edfb533
--- /dev/null
+++ b/pages/component/slider-100/slider-100.uvue
@@ -0,0 +1,48 @@
+<template>
+  <view class="uni-padding-wrap">
+    <page-head :title="title"></page-head>
+    <view class="flex-row">
+      <view class="flex-fill">
+        <view v-for="(_, index1) in 33" :key="index1">
+          <slider @changing="sliderChanging" :value="sliderValue" :block-size="15" :show-value="true" />
+        </view>
+      </view>
+      <view class="flex-fill">
+        <view v-for="(_, index2) in 33" :key="index2">
+          <slider @changing="sliderChanging" :value="sliderValue" :block-size="15" :show-value="true" />
+        </view>
+      </view>
+      <view class="flex-fill">
+        <view v-for="(_, index3) in 33" :key="index3">
+          <slider @changing="sliderChanging" :value="sliderValue" :block-size="15" :show-value="true" />
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+  export default {
+    data() {
+      return {
+        title: 'slider 滑块 x 100',
+        sliderValue: 0
+      }
+    },
+    methods: {
+      sliderChanging(e : SliderChangeEvent) {
+        this.sliderValue = e.detail.value
+        console.log('value 发生变化：' + e.detail.value)
+      }
+    }
+  }
+</script>
+
+<style>
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-fill {
+    flex: 1;
+  }
+</style>
diff --git a/pages/tabBar/component/component.uvue b/pages/tabBar/component/component.uvue
index 23b992a8..504864e1 100644
--- a/pages/tabBar/component/component.uvue
+++ b/pages/tabBar/component/component.uvue
@@ -128,6 +128,9 @@
                             name: 'slider',
                             enable: true
                         }, {
+                            name: 'slider-100',
+                            enable: true
+                        },{
                             name: 'switch',
                             enable: true
                         }, {
-- 
GitLab