更新记录

1.0.1（2025-01-13） 下载此版本

优化说明文挡

1.0.0（2025-01-13） 下载此版本

新增组件

平台兼容性

uni-app

hbxw-select选择器组件

介绍

选择器组件，可以实现单选/多选的选择器组件

使用示例

<template>
    <view>
    <button @click="selectfn(0)">单选</button>
    <button @click="selectfn(1)">多选</button>
        <hbxw-selector 
      v-model:isShow="isShowSlector0" 
      @picker="picker" 
      :options="options"
    ></hbxw-selector>
        <hbxw-selector 
      v-model:isShow="isShowSlector1" 
      :isMultiple="true" :isAni="false" 
      @picker="picker" 
      :options="options"
    ></hbxw-selector>
    </view>
</template>

<script>
    const SELECT_OPTIONS = [
      {
        label: '7天无理由退款',
        value: 1
      },
      {
        label: '太贵了',
        value: 2
      },
      {
        label: '设备有问题',
        value: 3
      },
      {
        label: '不喜欢',
        value: 4
      },
      {
        label: '换货',
        value: 5
      },
      {
        label: '不想要了',
        value: 6
      },
      {
        label: '换型号',
        value: 7
      },
      {
        label: '体验流程',
        value: 8
      },
      {
        label: '其他',
        value: 9
      }
    ]
    export default {
        data() {
            return {
        options: SELECT_OPTIONS,
                isShowSlector0: false,
                isShowSlector1: false
            }
        },
        methods: {
            picker(res) {
        console.log('---- picker ----:',  res);
      },
      selectfn(index) {
        this['isShowSlector'+index] = true;
      }
    }
    }
</script>

<style>

</style>

API

Props

Events

注：包体积偏大是因为有示例图片,真正会打包到项目中的体积是很小的