如何自定义vant 组件库中picker 组件的标题工具栏

移动端UI组件我采用饿了吗vant-ui。在选择组件采用picker，但是picker提供的默认工具栏入下图，

界面满足基本需求，但我们难免有自定义的需求 查看官方文档。

看来官方，在此方面早有考虑。

我先简单做一个全部自定义。

<van-picker ref="picker" v-model="value" title="请指定时间" :columns="columns"

@change="onChange">

<div class="tool" slot="toolbar">

<van-button @click="onconfirm">确定</van-button>

<van-radio-group v-model="checked" direction="horizontal">

<van-radio name="1">公历</van-radio>

<van-radio name="2">农历</van-radio>

</van-radio-group>

<van-button @click="oncancel">取消</van-button>

</div>

</van-picker>

增加css ，使其变得漂亮一些。

tool {
    width:100%;
    height:30px;
    display:flex;
    justify-content: space-between;
}

这样就可以定制picker 上方的工具栏。写这些，主要在于自己刚刚从后端转入全栈， 还不太熟悉。留作记录...