1 Star 0 Fork 0

大白萝卜蹲 / uniapp_overflow_button

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

底部带凸起按钮

解决uniapp在app配置原生tabbar无法自定义凸起图标的问题

效果示例

演示

使用说明

  • main.js中引入OverflowButton
import OverflowButton from "./components/overflow-button/overflow-button.js"
Vue.prototype.OverflowButton=OverflowButton;
  • App.vue中初始化
	onLaunch: function() {
			this.OverflowButton.getInstance().create();
			this.OverflowButton.getInstance().setOnClickListener(e=>{
				uni.navigateTo({
					url:"/pages/addAction/addAction"
				})
			})
	}
  • 在每个tab页中绑定生命周期

	onShow() {
		this.OverflowButton.getInstance().show();
	},
	onHide() {
		this.OverflowButton.getInstance().hide();
	}	
  • 可在create()中传入自定义参数,全部参数如下
	{
		id:[String], 
		icon: {
			src:[String],
			width:[Number],
			height:[Number],
			left:[Number],
			top:[Number],
			offset:[Number]
		},
		delay: {
			show: [Number],
			hide: [Number]
		}
	}

空文件

简介

overflow_button插件 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/DaBaiLuoBuDun/uniapp_overflow_button.git
git@gitee.com:DaBaiLuoBuDun/uniapp_overflow_button.git
DaBaiLuoBuDun
uniapp_overflow_button
uniapp_overflow_button
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891