uniapp 如何做会动的图标

lxf2023-04-23 19:00:01

uniapp制作移动图标的方法:首先打开html代码文件;然后在uni-app中设置拖动元素movable;最后在css风格中设置“pointer-events“属性可以实现可拖动浮动图标。

uniapp 如何做会动的图标

本教程操作环境:windows7系统,uni-app2.5.1版本,该方法适用于所有品牌的电脑。

推荐(免费):uni-app开发教程

uni-应用程序可拖动浮动图标

第二个项目中有一个需求,

在uni-app中制作一个新人红包图标,要求全屏拖动,初始位置固定。

样式如此:

uniapp 如何做会动的图标

以下是我的解决方案

1.首先,uni-app中有特殊的拖动元素movable,html代码如下