Uniapp的movable-view组件,实现悬浮可拖拽功能

页面呈现状态:

将获取文件按钮封装组件,具体代码如下:


<template>
    <movable-area class="fixed-box">
        <movable-view class="fixed-button" direction="all" :inertia="true" x="180" y="-250">
            <view class="menuBox">
                <!-- <u-icon class="mainMenu" name="plus-circle" size="140" @click="declick"></u-icon> -->
                <view class="mainMenu" @click="declick">获取文件</view>
                <view class="posi" :animation="animationData">
                    <button class="menu-btn" hover-class="hClass" open-type="cont
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值