更新记录
1.1.4(2019-12-13) 下载此版本
兼容无原生导航栏
1.1.2(2019-11-08) 下载此版本
1.新增菜单禁用
1.1.1(2019-10-31) 下载此版本
新增属性
查看更多平台兼容性
popups
气泡菜单
使用方式
在index.js中
import chunLeiPopups from "@/components/chunLei-popups/chunLei-popups.vue";
components:{chunLeiPopups},
在index.vue中
<template>
<view class="content">
<chunLei-popups v-model="value" :popData="data" @tapPopup="tapPopup" :x="344" :y="20" placement="top-end">
</chunLei-popups>
</view>
</template>
OBJECT参数说明
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
maskBg | String | 'rgba(0,0,0,0)' | 遮罩层颜色 |
value | Boolean | false | 是否显示 |
placement | String | 'default' | 默认值时动态设置三角行方向 top-start top-end bottom-start bottom-end |
direction | String | 'column' | flex-direction |
x | Number | 0 | 宽度375下的x |
y | Number | 0 | 宽度375下的y |
popData | Array | [] | 数据 |
theme | String | 'light' | 主题light dark |
dynamic | Boolean | false | x,y是否动态设置 |
gap | Number | 20 | 距离屏幕边界的最小距离 |
triangle | Boolean | true | 三角形是否存在 |
事件
事件名 | 说明 |
---|---|
tapPopup | 点击了popData |
如果觉得插件不错,麻烦给个Star gitHub