uniapp/微信小程序中,如何做出以下页面?

我们用uniapp做的小程序,需要完成以下页面↓

可以是底部弹出层,也可以是新的一级页面。但是目前好像没有对应的组件有支持扩展槽的,那下面“重复”那一块的内容就无法加进去。

所以请教下各位有什么uniapp里并且支持小程序的组件(插件)能完成我这个需求!或者有什么思路可以完成

参考链接:
1.uView1.X版本 Select 列选择器 多列独立模式
https://v1.uviewui.com/components/select.html

2.uniapp插件市场,这个插件很符合我的需求了,可惜只支持安卓
https://ext.dcloud.net.cn/plugin?id=11610

如上所示,小弟先谢谢各位大神们的解答!感激不尽!

阅读 1.9k
1 个回答

最简单的就是直接用 <view> 写一个。如果只考虑微信小程序的话,也可以用微信提供的原生组件 page-container | 微信开放文档(页面内弹出半屏的弹窗、在页面内加载一个全屏的子页面的功能)。
uViewUI 也有提供类似的组件 Popup 弹出层

然后就是你的顶部标题栏和时间滚动选择了,标题栏找找看有没有可用的比如说 uViewUI 提供的 Navbar 自定义导航栏。时间选择组件可以用 uni-app 内置的 picker-view 组件。

最后重复的功能就自己写一个点击事件唤起一个 picker 组件不就好了么。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题