• 数量选择器 CountSelector
    • 基础用法
      • 示例代码
    • 设置数量增减步长
      • 示例代码
    • 设置禁用状态
      • 示例代码
    • 数量选择器属性(CountSelector Attributes)
    • 数量选择器事件(CountSelector Events)

    数量选择器 CountSelector

    基础用法

    通过count属性设置起始数量,默认值为1

    通过min属性设置最小数量,默认值为1

    通过max属性设置最大数量,默认值为10000

    基础用法

    示例代码

    1. <l-count-selector count="1"
    2. min="1"
    3. max="10"/>

    设置数量增减步长

    通过step属性设置数量增减步长,默认值为1

    设置数量增减步长

    示例代码

    1. <l-count-selector count="1"
    2. min="1"
    3. max="10"
    4. step="2"/>

    设置禁用状态

    通过disabled属性设置数量选择器禁用状态。默认值为false

    设置禁用状态

    示例代码

    1. <l-count-selector count="1"
    2. min="1"
    3. max="10"
    4. disabled="{{true}}"/>

    数量选择器属性(CountSelector Attributes)

    参数说明类型可选值默认值
    count设置起始数量Number—-1
    min设置最小数量Number—-1
    max设置最大数量Number—-10000
    step设置数量增减步长Number—-1
    disabled设置禁用状态Boolean—-false
    l-class设置数量选择器整体容器的外部样式类—-—-—-
    l-symbol-class设置数量选择器加(减)号容器的外部样式类—-—-—-
    l-disabled-class设置数量选择器数字容器禁用状态的外部样式类—-—-—-
    l-count-class设置数量选择器数字容器的外部样式类—-—-—-

    数量选择器事件(CountSelector Events)

    事件名称说明返回值备注
    bind:lintap点击加(减)号及数字输入框失去焦点触发的事件{count,type}type值为reduceaddblur