uni-app使用微信小程序weapp-popover气泡框插件_uniapp popover

1. 首先去官网下载插件源码https://github.com/byk04712/weapp-popover
2. 将文件夹中的components下的文件放到static文件夹下
3. 在package.json要使用的页面

 "usingComponents": {
				    "popover": "/static/popover/popover",//定义到popover.js文件下
				    "popover-item": "/static/popover-item/popover-item"
				  }
1
2
3
4

4. 页面中使用

<view @click="ontag('test)" id='test'>触发语句</view
<popover ref="popover" id='popover'>
		<popover-item @click.native.stop='onClickA' hasline>提示语句</popover-item>
</popover>
//js中
onReady() {
			this.popover = this.selectComponent('#popover');
		},
methods:{
Totag(id) {
		//this.popover = this.selectComponent('#popover');
			uni.createSelectorQuery().select('#' + id + '').boundingClientRect(res => {
				this.popover.onDisplay(res);
			}).exec();
		},
		onClickA() {
			this.popover.onHide();
		}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

就这样就可以了