更新记录

1.0.0（2024-04-12）

首次发布

平台兼容性

悬浮插件

基本用法

导入插件到 HbuilderX之后页面模板中如下

<xpj-floatNav :position="positionValue" :navList='navList' @click="clickItem"></xpj-floatNav>

<script>
    export default {
        data() {
            return {
              //需要传入的导航列表
                navList: [
                    {title: '首页', name: 'home', disabled: false},
                    {title: '新建', name: 'create', disabled: false},
                    {title: '切换', name: 'change', disabled: false},
                    {title: '返回', name: 'back', disabled: true},
                ],
                // 悬浮按钮的位置，不传默认为'bottomRight'
                positionValue: 'bottomRight'
            }
        },
        methods: {
            clickItem(item) {
                console.log(item);
            },
            setPositon(item) {
                this.positionValue = item.value;
                console.log(this.positionValue);
            }
        }
    }
</script>

参数说明

事件说明

有问题加 QQ：450861493，请勿差评，谢谢！！！