更新记录

1.0（2021-08-24）

仿照微信列表长按弹出列表，有瑕

平台兼容性

在选择位置弹出列表

使用说明

1，引入部分

在文件中script部分引入

   import kxPopupList from "@/components/kx-popup-list/kx-popup-list.vue";

   export default {
        components: {
            kxPopupList
        },
    }

2，使用部分

在 template 中使用组件
```javascript
<kxPopupList :config="config" @fn="clickHide"></kxPopupList>

```
在 script 中回调 clickHide 对应的方法
```javascript
import kxPopupList from "@/components/kx-popup-list/kx-popup-list.vue";

methods: {
    longpress(e) {
        let config = this.config,
            coordinate = e.changedTouches[0];
        config.coordinateX = coordinate.pageX;
        config.coordinateY = coordinate.pageY;
        config.show = true
        config.list = {
            ...config.list
        }
    },
    clickHide(val) {
        let config = this.config
        config.show = false;
        if (val) {
            uni.showToast({
                title: val.title,
                icon:"none",
                duration: 2000
            });
        }
    }
}
```

3，属性说明

传参时对象整体传入，所以这里直介绍config 对象
| 属性名       | 类型         | 说明        |
|:-----------:| :-------------:|:-------------:|
| show | 布尔类型值  | 控制列表是否展示 | 
| coordinateX | 数字  | 点击点的X轴坐标 | 
| coordinateY | 数字  | 点击点的Y轴坐标 | 
| list | 数组  | 列表展示内容 | 
list每一项为一个对象，展示内容为title的值
| 属性名       | 类型         | 说明        |
|:-----------:| :-------------:|:-------------:|
| title | 字符串  | 列表展示内容 | 

4，重点说明

因为需要定点展开，所以点击点的坐标,需要捕获坐标并传入

```javascript
methods: {
    longpress(e) {
        let config = this.config,
            coordinate = e.changedTouches[0];
        config.coordinateX = coordinate.pageX;
        config.coordinateY = coordinate.pageY;
        config.show = true
        config.list = {
            ...config.list
        }
    },
}
```