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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：cascade級聯(lián)
  • cascade 級聯(lián)
    • 屬性說明
    • 示例
      • 代碼示例

    cascade 級聯(lián)

    解釋：多級選擇組件，為開發(fā)者提供級聯(lián)選擇功能，默認為三級。比如：省/市/區(qū)。該組件包括左側(cè)標簽欄，以及右側(cè)多個 picker（從底部彈起的滾動選擇器）。支持配置左側(cè)標簽寬度，并提供自定義樣式，可供開發(fā)者進行定制。

    成都創(chuàng)新互聯(lián)公司成立于2013年，先為赤壁等服務(wù)建站，赤壁等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為赤壁企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

    屬性說明

    屬性名 類型 必填 默認值 說明

    range

    Array

    是

    多級 picker 的內(nèi)容數(shù)組，需要傳入二維數(shù)組，格式為[[],[],[]]

    range-key

    String

    是

    當(dāng) range 中的一維數(shù)組為[{ range-key : value }]時， range-key 對應(yīng)的 value 為選擇器顯示的內(nèi)容

    label-width

    String

    否

    4em

    左側(cè)文字寬度，須包含單位，例如 em 、 px 、 rpx 、 vw 、 vh … 默認為 4 字寬度 4em ( 72px )，6 字寬度為 6em ，建議用 em，可以適配

    label

    String

    否

    左側(cè)文字描述

    placeholder

    Array

    否

    []

    picker 沒值時默認顯示

    value

    Array

    否

    []

    picker 選中時的數(shù)組下標

    change-label-color

    Boolean

    否

    false

    是否需要更改組件左側(cè)標簽的顏色

    label-color

    String

    否

    #c40311

    change-lable-color 為 true 時的顏色值

    disabled

    Boolean

    否

    false

    未選擇第一/二級 picker ，而直接選擇其余 picker 時，是否展示禁用

    tips

    Array

    否

    []

    未按順序選擇第一、二、三級 picker 時，分別彈出tips[0]、tips[1]的提示

    noborder

    Boolean

    否

    false

    整個組件外側(cè)是否有下邊框線

    change

    EventHandle

    否

    每一級 picker 選擇時，觸發(fā) change 事件

    cascade-picker

    String

    否

    級聯(lián)組件的外部樣式類，可用于修改組件最外層樣式

    cascade-label

    String

    否

    級聯(lián)組件的外部樣式類，可用于修改組件左側(cè)標簽樣式

    cascade-content

    String

    否

    級聯(lián)組件的外部樣式類，可用于修改組件右側(cè)單行 picker 的樣式

    cascade-picker-content

    String

    否

    級聯(lián)組件的外部樣式類，可用于修改 picker 內(nèi)容展示樣式

    示例

    跳轉(zhuǎn)編輯工具

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

    在 WEB IDE 中打開

    掃碼體驗

    代碼示例

    請使用百度APP掃碼

    代碼示例

    • SWAN
    • JS
    • CSS
    • JSON
     
 
 
      
  
  
  
      2. 
  
  
  
      3. 
  
  
  
    3.  range="{{multiArray1}}"
      4. 
  
  
  
    4.  label="四字標題"
      5. 
  
  
  
    5.  range-key="name"
      6. 
  
  
  
    6.  bind:change="change"
      7. 
  
  
  
    7.  placeholder="{{['請選擇省', '請選擇市', '請選擇區(qū)']}}"
      8. 
  
  
  
    8. >
      9. 
  
  
  
      10. 
  
  
  
      11. 
  
  
  
    11.  range="{{multiArray2}}"
      12. 
  
  
  
    12.  label="無下邊框""
      13. 
  
  
  
    13.  range-key="name"
      14. 
  
  
  
    14.  noborder="true"
      15. 
  
  
  
    15.  bind:change="change"
      16. 
  
  
  
    16. >
      17. 
  
  
  
      18. 
  
  
  
      19. 
  
  
  
    19.  range="{{multiArray3}}"
      20. 
  
  
  
    20.  label="六字標題排版"
      21. 
  
  
  
    21.  range-key="name"
      22. 
  
  
  
    22.  label-width="6em"
      23. 
  
  
  
    23.  bind:change="change"
      24. 
  
  
  
    24.  placeholder="{{['請選擇省', '請選擇市', '請選擇區(qū)']}}"
      25. 
  
  
  
    25. >
      26. 
  
  
  
      27. 
  
  
  
      28. 
  
  
  
    28.  range="{{multiArray4}}"
      29. 
  
  
  
    29.  label="配置未點擊時提示"
      30. 
  
  
  
    30.  range-key="name"
      31. 
  
  
  
    31.  bind:change="change"
      32. 
  
  
  
    32.  tips="{{['請選擇省', '請選擇市', '請選擇區(qū)']}}"
      33. 
  
  
  
    33. >
      34. 
  
  
  
      35. 
  
  
  
      36. 
  
  
  
    36.  range="{{multiArray5}}"
      37. 
  
  
  
    37.  label="回填"
      38. 
  
  
  
    38.  value="{{[1, 2, 1]}}"
      39. 
  
  
  
    39.  range-key="name"
      40. 
  
  
  
    40.  bind:change="change"
      41. 
  
  
  
    41.  placeholder="{{['請選擇省', '請選擇市', '請選擇區(qū)']}}"
      42. 
  
  
  
    42. >
      43. 
  
  
  
      44. 
  
  
  
      45. 
  
  
  
    45.  range="{{multiArray6}}"
      46. 
  
  
  
    46.  label="禁用型"
      47. 
  
  
  
    47.  range-key="name"
      48. 
  
  
  
    48.  disabled
      49. 
  
  
  
    49.  bind:change="change"
      50. 
  
  
  
    50.  placeholder="{{['請選擇省', '請選擇市', '請選擇區(qū)']}}"
      51. 
  
  
  
    51. >
      52. 
  
  
  
      53. 
  
  
  
      54. 
  
  
  
    54.  range="{{multiArray7}}"
      55. 
  
  
  
    55.  label="externalClasses"
      56. 
  
  
  
    56.  cascade-picker="cascade-picker"
      57. 
  
  
  
    57.  cascade-label="cascade-label"
      58. 
  
  
  
    58.  cascade-content="cascade-content"
      59. 
  
  
  
    59.  cascade-picker-content="cascade-picker-content"
      60. 
  
  
  
    60.  range-key="name"
      61. 
  
  
  
    61.  bind:change="change"
      62. 
  
  
  
    62.  placeholder="{{['請選擇省', '請選擇市', '請選擇區(qū)']}}"
      63. 
  
  
  
    63. >
      64.

    網(wǎng)頁題目：創(chuàng)新互聯(lián)百度小程序教程：cascade級聯(lián)
    文章起源：http://m.5511xx.com/article/cooogjj.html