📜  幽灵滑块

📅  最后修改于: 2022-05-13 01:56:53.671000             🧑  作者: Mango

幽灵滑块

Spectre Slider 条用于在滑块模式下创建进度条。

您可以将bar-slider类添加到 Bars 容器中。使用bar-item类添加子元素,并使用类bar-item为 div 内的按钮添加类bar-slider-btn 。您还需要手动添加bar-item宽度以设置滑块点。

如果在一个 bar-slider 中有两个具有类bar-item的 div,则可以有一个范围滑块。

Spectre 滑块类:

  • bar:这个类用来创建一个bar。
  • bar-slider:该类用于在滑块模式下创建栏。
  • bar-item:该类用于设置子元素。
  • bar-slider-btn:该类用于设置按钮栏滑块。

句法:

示例:在此示例中,我们将使用两个滑块,一个具有范围,另一个是普通滑块。这些条不是响应。

HTML


  

    
    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Slider bars Class     
    
    Range Slider Bars:     
      
               
      
               
    
    
    Slider Bars:     
    
           


输出:

幽灵滑块

幽灵滑块

参考: https://picturepan2.github.io/spectre/components/bars.html#bars-slider