refactor(Slider): new slider

Tencent · Apr 21, 2023 · 9b7b77b · 9b7b77b
1 parent 46dbcb1
commit 9b7b77b
Show file tree

Hide file tree

Showing 23 changed files with 1,246 additions and 970 deletions.
diff --git a/src/loading/__test__/__snapshots__/demo.test.jsx.snap b/src/loading/__test__/__snapshots__/demo.test.jsx.snap
@@ -916,38 +916,31 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
           data-v-0fadab4c=""
         >
           <div
-            class="t-slider-wrap"
+            class="t-slider"
             data-v-0fadab4c=""
           >
+            
             <!--v-if-->
             <div
-              class="t-slider"
+              class="t-slider__bar t-slider__bar--default"
             >
-              <!-- 总长度 -->
-              <div
-                class="t-slider__bar"
-              />
-              <!-- 滑块长度 -->
-              <div
-                class="t-slider__track"
-                style="width: 50%;"
-              />
-              <!-- 滑块操作 -->
-              
+              <!--v-if-->
               <div
-                class="t-slider__handle"
-                style="left: 50%;"
-              />
-              
-              <!-- 刻度内容 -->
-              <div
-                class="t-slider__mark"
+                class="t-slider__line t-slider__line--default t-slider__line--single"
+                style=""
               >
-                
-                
+                <div
+                  class="t-slider__dot"
+                >
+                  <!--v-if-->
+                  <div
+                    class="t-slider__dot-slider"
+                  />
+                </div>
               </div>
             </div>
             <!--v-if-->
+            
             <!--v-if-->
           </div>
         </div>
@@ -1147,38 +1140,31 @@ exports[`Loading > Loading speedVue demo works fine 1`] = `
     data-v-0fadab4c=""
   >
     <div
-      class="t-slider-wrap"
+      class="t-slider"
       data-v-0fadab4c=""
     >
+      
       <!--v-if-->
       <div
-        class="t-slider"
+        class="t-slider__bar t-slider__bar--default"
       >
-        <!-- 总长度 -->
+        <!--v-if-->
         <div
-          class="t-slider__bar"
-        />
-        <!-- 滑块长度 -->
-        <div
-          class="t-slider__track"
-          style="width: 50%;"
-        />
-        <!-- 滑块操作 -->
-        
-        <div
-          class="t-slider__handle"
-          style="left: 50%;"
-        />
-        
-        <!-- 刻度内容 -->
-        <div
-          class="t-slider__mark"
+          class="t-slider__line t-slider__line--default t-slider__line--single"
+          style=""
         >
-          
-          
+          <div
+            class="t-slider__dot"
+          >
+            <!--v-if-->
+            <div
+              class="t-slider__dot-slider"
+            />
+          </div>
         </div>
       </div>
       <!--v-if-->
+      
       <!--v-if-->
     </div>
   </div>