请教一个vue3+vant ui移动端设计问题

请教一个vue3+vant ui移动端设计问题

问题描述:

最近接手一个移动端的项目,现在需要做一个组件,问题在于该组件在调用的时候需要全屏显示,所以比较纠结怎么做适合。目前楼主思路有两种,一种是将该组件做成一个页面,然后通过router跳转到该页面,另一种就是封装成正常的组件,然后在通过popover弹出一个全屏的弹窗,在弹窗内容中展示该组件。请问哪一种方法比较合适,都不合适的话是否有更优的思路

第二个吧 这样前端就能少些一个路由 我觉得可以设置成苹果的那样 从手机下面往上弹

img

像这样 给边框颜色弄的深一点 让别人一眼看出这是弹框

这个问题具体还得看产品需求,
1、首先,如果跳到该需要全屏显示的页面后,返回操作是什么样的?1.在顶部标题左边点击返回按钮返回吗?还是在其他地方返回。
2、其次,如果做成弹框,一般弹框的返回操作是:点击 x 返回,点击弹框底部的按钮返回,或者点击弹框图层任意空白处返回,
如果产品需求更偏向于1,建议楼主按跳转页面的方式开发,否则就做成弹框。