更新记录

1.0.5（2021-07-03） 下载此版本

测试更新

1.0.4（2021-07-03） 下载此版本

更新示例

1.0.3（2021-07-03） 下载此版本

测试

平台兼容性

uni-app

uni-app x

悬浮拖拽框

基于uniapp的一种悬浮拖拽试验方法（手机上的效果会卡顿）,附一份悬浮导航示例

使用 (先引入组件)

    import moFab from "@/components/mo-fab/mo-fab.vue"
    import moFabTab from "@/components/mo-fab/mo-fab-tabbar.vue"

    <!-- 使用示例 -->
    <mo-fab />
    <!-- 使用示例2 -->
    <moFab><template #content>示例2</template></moFab>
    <!-- 自定义示例3 -->
    <moFab @dragmove="drag_move">示例3</moFab>

    <!-- mo-fab-tab 使用mo-fab构建的 悬浮导航 demo示例 -->
    <mo-fab-tab :tab-bar-list="tabBarList"/>

注意：图片没有上传，使用悬浮导航示例demo的时候将tabBarList列表里图片注释掉

    drag_move(e){
        console.log('dir 移动方向', e.dir, 'grid 移动坐标', e.grid)
    },

属性和事件