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

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

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

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

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

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

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

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


回答:

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

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

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

以上是 uniapp/微信小程序中,如何做出以下页面? 的全部内容, 来源链接: utcz.com/p/933991.html

回到顶部