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

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

新聞中心

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

    cascade 級(jí)聯(lián)

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

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

    屬性說明

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

    range

    Array

    是

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

    range-key

    String

    是

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

    label-width

    String

    否

    4em

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

    label

    String

    否

    左側(cè)文字描述

    placeholder

    Array

    否

    []

    picker 沒值時(shí)默認(rèn)顯示

    value

    Array

    否

    []

    picker 選中時(shí)的數(shù)組下標(biāo)

    change-label-color

    Boolean

    否

    false

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

    label-color

    String

    否

    #c40311

    change-lable-color 為 true 時(shí)的顏色值

    disabled

    Boolean

    否

    false

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

    tips

    Array

    否

    []

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

    noborder

    Boolean

    否

    false

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

    change

    EventHandle

    否

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

    cascade-picker

    String

    否

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

    cascade-label

    String

    否

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

    cascade-content

    String

    否

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

    cascade-picker-content

    String

    否

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

    示例

    跳轉(zhuǎn)編輯工具

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

    在 WEB IDE 中打開

    掃碼體驗(yàn)

    代碼示例

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

    代碼示例

    • SWAN
    • JS
    • CSS
    • JSON
     
 
 
      
  
  
  
      2. 
  
  
  
      3. 
  
  
  
    3.  range="{{multiArray1}}"
      4. 
  
  
  
    4.  label="四字標(biāo)題"
      5. 
  
  
  
    5.  range-key="name"
      6. 
  
  
  
    6.  bind:change="change"
      7. 
  
  
  
    7.  placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(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="六字標(biāo)題排版"
      21. 
  
  
  
    21.  range-key="name"
      22. 
  
  
  
    22.  label-width="6em"
      23. 
  
  
  
    23.  bind:change="change"
      24. 
  
  
  
    24.  placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
      25. 
  
  
  
    25. >
      26. 
  
  
  
      27. 
  
  
  
      28. 
  
  
  
    28.  range="{{multiArray4}}"
      29. 
  
  
  
    29.  label="配置未點(diǎn)擊時(shí)提示"
      30. 
  
  
  
    30.  range-key="name"
      31. 
  
  
  
    31.  bind:change="change"
      32. 
  
  
  
    32.  tips="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(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ǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(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ǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(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ǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
      63. 
  
  
  
    63. >
      64.

    網(wǎng)頁(yè)名稱：創(chuàng)新互聯(lián)百度小程序教程：cascade級(jí)聯(lián)
    網(wǎng)站網(wǎng)址：http://m.5511xx.com/article/cooogjj.html