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

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

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

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

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

封装

布局很简单，外层套一个 <mt-popup>，上面是两个按钮，下面是 <mt-picker>。

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

先贴出代码

<template>
  <mt-popup
      class="mt-popup"
      v-model="visible.show"
      :closeOnClickModal="false"
      position="bottom">
    <div class="pop