更新记录

1.0.0（2022-04-11）

该组件是qdxns-popup的迭代组件由于改动过大，并且砍掉了抽屉模式，所以单独发版。

平台兼容性

该组件是qdxns-popup的迭代组件由于改动过大，并且砍掉了抽屉模式，所以单独发版。

兼容性说明

亲测app，app（nvue），微信小程序ios与安卓，qq小程序ios与安卓。h5测了几个浏览器（chrome, viov手机的自带浏览器）都可完美运行。

注意

1. 在使用组件时一定要注意是否开启自适应弹出方向选项，某些情况下自适应可能会导致弹出位置出错
2. h5调用时要注意windowTop的值。uni.getSystemInfoSync()中可获取windowTop。
3. 长按时一定要传入是否有原生导航栏。

使用方式

1. 将此组件进入你的项目中的 /components/ 目录中
2. 在某个页面中使用该插件

在 script 中引用组件

    import qdxnsPop from '@/components/qdxns-popup/qdxns-popup.vue';
    export default {
      components: {qdxPop},
      data() {},
      onLoad() {},
      methods: {
        longTap(e) {
          this.$refs.qdxPop.open(e);
          // #ifdef H5
          e.preventDefault()
          return false
          // #endif
        }
      },
    }

在 template 中使用组件

        <view @longpress="longTap">
          <text :data-itemid="item.id" class="">长按出现 </text>
        </view>
        <qdxns-pop :height="300" :width="300" ref="qdxPop">
          <view style="height: 300rpx; width: 300rpx; background: #f40"></view>
        </qdxns-pop>

参数

ref方法

组件是由ref方式调用，调用时传入两个参数，都是非必传参数.

• 具体调用方式还可参考示例项目。