关于弹出页面

登录

本帖最后由 njhg001 于 2021-3-26 14:16 编辑

请教一下，在手机页面上做的弹出页面，能不能实现下面的效果：

中间的内容不重要

回复 · 15725821270

亲你需要的效果在哪里呢？

njhg001 · njhg001

15725821270 发表于 2021-3-26 14:14
亲你需要的效果在哪里呢？

就是上面第一张图，要求弹出页面从手机页面的底部向上展开，在水平方向上撑满手机屏幕。
现在活字格做的弹出页面：对话框、下拉菜单、居中下拉菜单好像都做不到水平方向撑满手机屏幕

Timothy.Xu · Timothy.Xu

您好，水平方向占满屏幕，需要您在设计弹出页面时就设置好合适的宽度与主页面一致，其次从底部展开的效果，如果已知手机窗口大小，当前版本可以通过对单元格的定位实现：

如果移动端大小不固定，目前可能确实不好实现。如果只是水平方向占满屏幕，弹出页面不是从下方弹出的，是否可以满足您的需求？

Chelsey.Wang · Chelsey.Wang

本帖最后由 Chelsey.Wang 于 2021-3-26 17:53 编辑

您好，下拉菜单可以实现这样的效果：

为了横向填满屏幕，先设置弹出页面与主页面列数相同，
需要对弹出页面最边缘单元格的行高和列宽需要做出一些调整，我这边做出的调整如下，您可以参考一下

但是由于手机的分辨率和比例各异，这种方式也不能保证在所有手机上都能完美呈现这个效果
-------------------------------------------------------------------------------------
附上demo，希望可以帮到您~

Timothy.Xu · Timothy.Xu

感谢楼上的支持~

njhg001 · njhg001

Chelsey.Wang 发表于 2021-3-26 17:24
您好，下拉菜单可以实现这样的效果：

为了横向填满屏幕，先设置弹出页面与主页面列数相同，

我试试，谢谢！

njhg001 · njhg001

Chelsey.Wang 发表于 2021-3-26 17:24
您好，下拉菜单可以实现这样的效果：

为了横向填满屏幕，先设置弹出页面与主页面列数相同，

试过了，还是有问题的。
用Google浏览器，选择不同的手机模拟，只有选择iphone5/SE可以，其他都不行。

本来想录制一个动图视频给你看看效果，但不知道怎么做，顺便问一下，你发的动图效果是怎么制作出来的？

Chelsey.Wang · Chelsey.Wang

本帖最后由 Chelsey.Wang 于 2021-3-31 14:26 编辑

是的，由于手机的分辨率和比例各异，这种实现方式确实不能保证在所有手机上适用
这个效果，通过目前的基本功能确实不太好处理，
如果您的需求通过居中的弹出框可以实现，您可以使用居中弹出框
如果不能实现的话，您可以在需求板块发帖，后续我们会有专门的同事去评估您的需求~
另外我用的截图软件是GifCam

njhg001 · njhg001

Chelsey.Wang 发表于 2021-3-31 11:13
是的，由于手机的分辨率和比例各异，这种实现方式确实不能保证在所有手机上适用
这个效果，通过目前的基本 ...

居中弹出框有点像pc页面的感觉，希望能在7.0版本中提供这个功能。

		自动登录	找回密码
密码			立即注册

[已处理] 关于弹出页面

本帖子中包含更多资源

11 个回复

本帖子中包含更多资源

本帖子中包含更多资源

微信认证勋章

活字格认证

圣诞拼拼乐

悬赏达人

讲师达人

元老葡萄

活字格高级认证