老师，请教一下，弹出层位置的设置方法？

xiaoqi827 · 发表于 2017-11-11 12:14:02

1、我想做出案例农家土鸡，详情页上面，点击立即购买的弹出层效果

案例里的详情页.gif

2、案例里给立即购买，点击弹出层，里面的停靠位置是bottom1，我在里面却找不到这个按钮是哪一个？并且距下边距0

练习1.gif

3、于是，照着这个做，先设停靠位置，设在了立即购买的按钮上，之后又把停靠位置弹出位上
都不是，案例中的效果?

我想请教一下老师，提出层位置是什么原理，要如何达到，正常的效果？
多谢

zyj0424 · 发表于 2017-11-13 09:29:16

bottom1指的是上中下布局中的底部区域（不是一个按钮），弹出位置是弹出层紧邻哪个元素弹出。案例中设置为bottom1，并设置弹出层left：0；bottom：0，才能达到想要的效果。如果不设置left，bottom，仅设置弹出位置只能出现下图的效果。
QQ截图20171113092750.png

xiaoqi827 · 发表于 2017-11-13 11:20:55

谢谢，老师，已经成功了

crdsoft · 发表于 2018-3-7 20:50:33

请问是如何实现的？能详细告诉下吗？

YZH · 发表于 2018-3-8 10:32:04

crdsoft 发表于 2018-3-7 20:50
请问是如何实现的？能详细告诉下吗？

使用弹出层组件,按钮上面事件使用显示弹出层,然后弹出层组件位置选择中间,停靠位置为底部即可,还是不会的话牛刀市场里的"农家土鸡专营店"可以自己看下,在商品详情页

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

[已结贴] 老师，请教一下，弹出层位置的设置方法？