更新记录

1.2(2020-04-08)

补充说明使用信息

1.0(2020-03-27)

查看更多

带动画的数字输入框

添加数量并显示加入动画数字输入框

使用方式:

script 中引用组件:

    import wmNumberBox from "@/components/wm-numberBox/wm-number-box.vue"
    export default {
        components: {wmNumberBox}
    }

template 中使用组件:

    <wm-numberBox></wm-numberBox>

使用示例

    <wm-numberBox destination="body-btn" model="1" @change="数值改变后返回参数"></wm-numberBox>
    <!-- 如插件destination与购物车元素ID一致时执行动画  -->
    <view id="body-btn">购物车</view>

属性说明:

属性 类型 默认值 说明
ID String 编号
value Number 0 输入框当前值
min Number 0 最小值
max Number 999 最大值
step Number 1 每次点击改变的间隔大小
initStep Number 1 首次点击改变的间隔大小
disabled Boolean false 是否禁用输入框状态
height Number 20 数字框高度(宽度 = height/0.8)
destination String 动画的终点(为空时不执行动画)参数为动画终点元素ID
Shopimg Strig 加入购物车商品图(添加动画终点ID后执行)
model Number,String 2 风格选择 1=方形 2=圆形

事件说明:

事件名称 说明
change 数值改变后返回 返回 value,id

声明:

  1. 本插件采用了多位插件市场组件内方法,修改后符合自己编码习惯,感谢各位作者们的贡献,如觉得好用请回来给个五星好评.不好用删除即可
  2. 样式问题请自行解决 本插件仅供参考学习(基本符合大多数情况)

隐私、权限及商业化声明

说明:除收费原生SDK插件外,其他插件或示例工程默认均为MIT开源协议。如提供了github地址,并在github上专门标注了开源协议,则以github标注为准。

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问