如何在移动端 h5 页面实现<Select/>搜索下拉选择框!

2 天前
mumuwen  mumuwen

背景:移动端 h5 页面,想实现一个类似于管理后台的<Select />支持搜索的下拉框(交互要和管理后台 antd 的 Select 一样),有什么好的实现方案 或者 第三方 js 库吗?

问题:因为考虑到移动端输入框 输入、触碰点击和 pc 端的操作不同。例如边输入变搜索,下拉框遮挡问题...

有没有大佬有方案,感谢

857 次点击
所在节点   JavaScript  JavaScript
5 条回复
MHPSY
MHPSY
2 天前
https://mobile.ant.design/zh/components/search-bar

使用什么技术栈写的,找个组件库用
chobitssp
chobitssp
2 天前
用 vant 自己实现一个 popup 顶部是 search 组件 下面用 vant-cell + van-checkbox 来支持单多选
mumuwen
mumuwen
2 天前
@MHPSY antd mobile 没有,就是 react ,主要是问题是要 移动端生成 pc 端组件的交互。
sjhhjx0122
sjhhjx0122
1 天前
弹个抽屉出来抽屉里有输入框拿来搜索
shunia
shunia
1 天前
> 因为考虑到移动端输入框 输入、触碰点击和 pc 端的操作不同

哪里不同?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1119715

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX