Vue + Mint-ui 封装滚轮选择器

Mint-ui 是个非常不错的 UI 框架,提供了很多组件。

但在项目中实际使用的时候,还需要将几个组件组合起来使用。

比如要实现 App 中常见的滚轮选择器,需要将 PopupPicker 组合起来,并根据项目的 UI 效果做一定的定制。

下面将用 Popup + Picker 定制一个带确定取消按钮的滚轮选择器。

封装

布局很简单,外层套一个 ,上面是两个按钮,下面是

这两个组件的具体用法请查阅 官方文档

先贴出代码