光靠vant的下拉列表最简单使用方式,实现不了一些需求,但是文档中有说自定义下拉列表的代码,可以试试。
我要实现的需求是这样(一个叫做筛选的 小标题)
如果有需求实现不了,就直接找vant源码就行。一般在miniprogram_npm路径下,其实就是app.json 从哪引入就是哪
"van-button": "@vant/weapp/button/index",
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
"van-dropdown-item": "@vant/weapp/dropdown-item/index"
找到之后,就找想改的dom节点,改变其样式即可。就可以实现基本的自定义的需求了。我觉得在这儿改,应该想实现的都能实现。
我要实现的是图的效果,写这样的样式就行了
.van-popup--safe{
display: flex;
flex-direction: column-reverse;
}
.check{
text-align: center;
margin-bottom: 40px;
}
前端编程归根结底还是html css JavaScript