拟设计一个设备故障状况选择器,需要三级联动,第一级设备大类第二级设备细类第三级故障描述,如下图1需要引入vantpicker,需要定制一个数组,包含三级即一级,一级内容,子类二级,二级内容,子类三级。

Vant 轻量可靠的移动端 Vue 组件库 Vant 是一个 轻量 可靠的移动端组件库 ,于 2017 年开源目前 Vant 官方提供了 Vue 2 版本Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序。

仓库地址 tarovant VantUI 的组件十分丰富,能直接兼容使用的组件大概为 70%部分开发者会在 Taro 中配合使用 Vant Weapp,但 Vant Weapp 只能运行在微信小程序,因此对 VantUI 的直接适配是一个很好的补充适配过程。

解决方法如下首先打开微信,点击进入页面右下角的“我”后,选择“设置”选项,找到“通用”选项,点击“发现页管理”选项,可看到页面中的小程序右侧开关是关闭状态,点击该开关开启小程序即可微信小程序,小程序的一种。

此时,输入package name名称,一直点回车就行 出现Is this OK?yes,直接回车即可 在终端输入命令npm i vantweapp S production 在回过头看,在微信小程序开发工具中会多一个文件packagejson,在这里面就可以进行包。

也因这点,在程序上需要特别体现出大小周的提示,于是需要设计一个日历组件,并在日历上标注出排班名称和大小周最终实现图如下微信小程序demo提供了一个简单的日历组件,vant也提供了一个日历组件,在github上也有一些日历。