白鱼赤乌的博客

该SKU组件可实现商品图片与颜色属性进行联动，通过颜色、版本来控制价格，总价通过购买数量与所选商品价格进行自动计算；可进行缺货设定。

用于循环播放展示一组消息通知，实现了纵向滚动。

用以展示基础表格数据的组件。组件的核心功能点是在数据展示的时候，用到了2个v-for循环，第一层循环是数据对象的循环，然后嵌套列名的对象，通过列名中的key值在数据对象中查询对应的数据，这样就保证了在数据对象与列名对象顺序打乱的情况下也可以把数据对应起来，并能够在列名没有对应的数据的时候进行特殊处理。.........

数字滚动组件，用于数字的动态效果展示。组件中用到的核心功能点是，background-position属性设置背景图像的起始位置。每个数字占位的背景图片是一个0-9数字组成的图片，通过随机产生不同的图片其实位置来展示不同的数字。通过延迟产生每次的位置，来控制数字切换的频率，这个是可以自定义的。可自定义数字其实位置，靠左，靠右，居中。可自定义展示的数字个数。............

滑动单元格组件原理是主题部分把按钮进行遮挡，按钮通过绝对定位，定位在最右边，通过监听触摸事件（touch），判断滑动的方向和计算滑动的距离以此来判定显示和隐藏按钮。显示和隐藏按钮是通过对主体部分进行css 的transform属性对主体元素进行移动，以达到显示和隐藏按钮的效果。............

省市区级联选择框，也可用于其他多层级数据的选择，典型场景为省市区选择。目前场景设定的是3级，可根据自己的实际需求改成2级或者4级或者更多级。数据源就是典型的树形结构的JSON数组数据。.........

带网格的输入框组件，可以用于输入密码、短信验证码等场景，通常与数字键盘组件配合使用。支持自定义密码长度，支持加密和明文显示。

身份证号码虚拟输入键盘，可用以身份证号码输入时使用，可对输入的身份证号码进行验证，支持15位和18位。

虚拟数字键盘，支持数字随机，支持自定义输出数字内容的长度，自定义是否支持双向绑定，支持二次输入操作。可以为密码、验证码输入时使用。

APICloud AVM框架 封装树形分类选择组件 组件递归调用

验证码输入框组件，可自定义下次点击等待时长，自定义验证码长度，可根据自定义的验证码长度进行输入内容的验证。组件引用import '../../components/verification-code-input.stml'组件使用<verification-code-input limitSecond={seconds} limitCode={codeLen} onsetCode="getCode"></verification-code-input>组件文件

APICloud AVM框架 封装车牌号输入键盘组件，支持燃油汽车、新能源车辆、教练车、挂车、警车5种模式。牌照有效性校验。

因项目中很多表单要用到日期选择和时间选择的内容，所以基于picker封装了日期和时间选择的组件。datePicker组件内的年份是取得举例今年100年以内的年份，可根据时间需要进行扩容或缩减，月份是12个月固定的，每月的天数，根据所选年份和月份进行获取。默认设置当前日期。<template> <picker class="picker" id={pickerId} mode="multiSelector" range-key="name" value={date.

由于很多项目中都会用到通讯录，所有就封装了一个通讯录的组件，实现了可通过字母检索，拨打电话功能。用的技术点是scroll-view中的scrollTo方法。向组件中传值和监听子组件事件，具体使用请参考官方文档。数据格式[{ "zkey": "A", "children": [{ "name": "安强", "phone": "18853889099", "zkey": "A" }]}, { "zkey": "B", "children": [{ "na.

AVM官方框架中有一个 frame-group的组件，在栏目较少的情况下是没有问题的，一般5个以上就会出现栏目记载一起的情况。我在此组件的基础上，将栏目导航中view标签换成了 scroll-view标签，并设置成允许横向滚动。然后修改了标签的样式。......

上代码