更新记录
1.0.0(2022-10-19) 下载此版本
基础样式,点击展开缩回
平台兼容性
代码非常简单,建议自行修改代码来适配项目
使用说明:
这里的高度需要自行计算就是所有子组件所占据的高度 单位rpx
<float-list-btn ref="floatBtn" height="200">
<image class="icon" src="/static/logo.png" @click.top="onClick('条目1')" />
<image class="icon" src="/static/logo.png" @click.top="onClick('条目2')" />
</float-list-btn>
注意:这里为了防止收缩的时候形变压缩设置最小高度
.icon {
width: 70rpx;
height: 70rpx;
min-height: 70rpx;
border-radius: 70rpx;
margin: 15rpx;
}
手动开启
this.$refs.floatBtn.open()
手动关闭
this.$refs.floatBtn.close()