手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

uniapp中使用css生成悬浮板块

时间:2024-10-22 01:29:20

1、进行APP开发,很多时候都需要写类似于这样子的悬浮样式,最开始傻乎乎的以为是浮动,没想到一个简单的css样式就可以搞定。

uniapp中使用css生成悬浮板块

2、这个模块需要进行两层包装,悬浮的模块和背景图片都在同一层。

uniapp中使用css生成悬浮板块

3、先加上背景图片,按照需求确定背景图片的大小。

uniapp中使用css生成悬浮板块

4、最后,再写悬浮的模块。这里一定要注意,margin-top的值一定要为负数,这样子两个模块才能重叠在一起。

uniapp中使用css生成悬浮板块
© 手抄报圈