全国服务热线:4008-888-888

公司新闻

微信签到小程序_vant 自界说 van

vant 自定义 van-dropdown-item的用法       这篇文章主要介绍了vant 自定义 van-dropdown-item的用法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

我们要这个效果 中间可以自由滚动 上下固定

我们直接给最外层的一个弹性盒加换轴方向 中间 给 overflow-x:hidden; flex:1

.choice {
 width: 434rpx;
 height: 634rpx;
 display: flex;
 flex-direction: column;
 .choice_top {
 width: 100%;
 height: 50rpx;
 text-align: center;
 line-height: 50rpx;
 color: rgb(83, 83, 83);
 position: relative;
 .over {
 color: rgb(203, 203, 203);
 position: absolute;
 right: 15rpx;
 top: 0;
 width: 50rpx;
 height: 50rpx;
 .choice_middle {
 overflow-x: hidden;
 flex: 1;
 text-align: center;

补充知识:记录-vant实现select下拉框

记录-vant没有直接提供传统的select下拉框,我的意思是,单行单元格然后点击出现下拉框,样式和其他input统一。

1.需求 input focus下出现下拉框,选中选项后 值绑定给field

<部分 圆圈处是控制底部抽屉是否显示

3.data和methods部分

以上这篇vant 自定义 van-dropdown-item的用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。




在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服