封装一个uniapp中在nvue也迷嗯适配安卓和苹果的滑动选择器

在uniapp中，你可以使用uni-popup组件来封装一个在nvue中适配安卓和苹果的滑动选择器。下面是一个简单的示例代码：

<template>
  <view>
    <button @click="showPicker">打开选择器</button>
    <uni-popup ref="popup" :show="isShowPopup" :position="'bottom'">
      <view class="popup-content">
        <picker :value="value" @change="onPickerChange">
          <picker-column :values="options"></picker-column>
        </picker>
        <button @click="confirm">确定</button>
      </view>
    </uni-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShowPopup: false,
      options: ['选项1', '选项2', '选项3'],
      value: 0,
    };
  },
  methods: {
    showPicker() {
      this.isShowPopup = true;
    },
    onPickerChange(event) {
      this.value = event.detail.value;
    },
    confirm() {
      // 处理选择器确认事件
      console.log('选中的值：', this.options[this.value]);
      this.isShowPopup = false;
    },
  },
};
</script>

<style>
.popup-content {
  padding: 20px;
}
</style>

在上述示例中，我们使用了uni-popup组件来创建一个弹出层，通过控制`isShowPopup`属性的值来显示或隐藏弹出层。在弹出层中，我们使用了picker和picker-column组件来实现滑动选择器的功能。通过监听picker的change事件，可以获取用户选择的值。

这样，无论在安卓还是苹果设备上，都可以正确地显示和使用该滑动选择器。你可以根据自己的需求，修改选项的内容和样式。