日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：slider 滑動(dòng)選擇器
  • slider 滑動(dòng)選擇器
    • 屬性說明
    • 示例
      • 代碼示例 1：默認(rèn)樣式
      • 代碼示例 2：顯示當(dāng)前取值
      • 代碼示例 3：自定義最大 / 最小值
      • 代碼示例 4：自定義步長
      • 代碼示例 5：自定義樣式

    slider 滑動(dòng)選擇器

    解釋：滑動(dòng)選擇器。

    屬性說明

    min

    Number

    0

    否

    最小值

    max

    Number

    100

    否

    最大值

    step

    Number

    1

    否

    步長，取值必須大于 0，并且可被 max - min 整除

    disabled

    Boolean

    false

    否

    是否禁用

    value

    Number

    0

    否

    當(dāng)前取值

    backgroundColor

    Color

    #cccccc

    否

    背景條的顏色

    block-size

    Number

    24

    否

    滑塊的大小，取值范圍為 12-28

    block-color

    Color

    #ffffff

    否

    滑塊的顏色

    activeColor

    Color

    #3c76ff

    否

    已選擇的顏色

    show-value

    Boolean

    false

    否

    是否顯示當(dāng)前 value

    bindchange

    EventHandle

    否

    完成一次拖動(dòng)后觸發(fā)的事件，event.detail = {value: value}

    bindchanging

    EventHandle

    否

    拖動(dòng)過程中觸發(fā)的事件，event.detail = {value: value}

    屬性名類型默認(rèn)值必填說明

    示例

    跳轉(zhuǎn)編輯工具

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    掃碼體驗(yàn)

    代碼示例

    請(qǐng)使用百度APP掃碼

    代碼示例 1：默認(rèn)樣式

    • SWAN
    • JS
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  默認(rèn)樣式
      4.   
  
  
    4.  
      5.   
  
  
    5.  class="slider"
      6.   
  
  
    6.  min="0"
      7.   
  
  
    7.  max="1500"
      8.   
  
  
    8.  value="200"
      9.   
  
  
    9.  step="30"
      10.   
  
  
    10.  bind:change="sliderChange"
      11.   
  
  
    11.  bind:changing="sliderChanging"
      12.   
  
  
    12.  disabled="false">
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.   
  
  
      16.

    代碼示例 2：顯示當(dāng)前取值

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  顯示當(dāng)前取值
      5.   
  
  
    5.  show-value
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  class="slider"
      9.   
  
  
    9.  min="0"
      10.   
  
  
    10.  max="200"
      11.   
  
  
    11.  value="30"
      12.   
  
  
    12.  show-value
      13.   
  
  
    13.  step="30"
      14.   
  
  
    14.  bind:change="sliderChange"
      15.   
  
  
    15.  disabled="false">
      16.   
  
  
    16.  
      17.   
  
  
    17.  
      18.   
  
  
      19.

    代碼示例 3：自定義最大 / 最小值

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  自定義最大/最小值
      5.   
  
  
    5.  min="200" max="1500"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  class="slider"
      9.   
  
  
    9.  min="200"
      10.   
  
  
    10.  max="1500"
      11.   
  
  
    11.  value="400"
      12.   
  
  
    12.  show-value step="30"
      13.   
  
  
    13.  bind:change="sliderChange"
      14.   
  
  
    14.  disabled="false">
      15.   
  
  
    15.  
      16.   
  
  
    16.  
      17.   
  
  
      18.

    代碼示例 4：自定義步長

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  自定義步長
      5.   
  
  
    5.  step="30"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  class="slider"
      9.   
  
  
    9.  min="0"
      10.   
  
  
    10.  max="1500"
      11.   
  
  
    11.  value="200"
      12.   
  
  
    12.  step="30"
      13.   
  
  
    13.  bind:change="sliderChange"
      14.   
  
  
    14.  disabled="false">
      15.   
  
  
    15.  
      16.   
  
  
    16.  
      17.   
  
  
      18.

    代碼示例 5：自定義樣式

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  自定義樣式
      5.   
  
  
    5.  block-size="16" block-color="#3388FF"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  class="slider"
      9.   
  
  
    9.  min="0"
      10.   
  
  
    10.  max="1500"
      11.   
  
  
    11.  value="200"
      12.   
  
  
    12.  step="30"
      13.   
  
  
    13.  block-size="16"
      14.   
  
  
    14.  block-color="#3388FF"
      15.   
  
  
    15.  activeColor="#3c76ff"
      16.   
  
  
    16.  backgroundColor="#cccccc"
      17.   
  
  
    17.  disabled="false">
      18.   
  
  
    18.  
      19.   
  
  
    19.  
      20.   
  
  
      21.

    本文題目：創(chuàng)新互聯(lián)百度小程序教程：slider 滑動(dòng)選擇器
    地址分享：http://www.5511xx.com/article/cdspese.html