更新记录

1.0.0(2026-02-02) 下载此版本

  • 显示选择器名称和下拉箭头
  • 支持三种尺寸:small、default、big
  • 点击时触发状态更新
  • 箭头支持旋转动画效果

平台兼容性

uni-app(5.0)

Vue2 Vue3 Chrome Safari app-vue app-vue插件版本 app-nvue Android iOS 鸿蒙
- - 1.0.0 - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - - -

Bubble-Select 气泡选择器

气泡选择器组件,用于显示带有下拉箭头的选择器,支持展开/收起状态的视觉反馈。

image-20260121161107693

功能特性

  • 显示选择器名称和下拉箭头
  • 支持三种尺寸:small、default、big
  • 点击时触发状态更新
  • 箭头支持旋转动画效果

Props

属性名 类型 默认值 说明
name String 必填 选择器显示的名称
modelValue Boolean false 控制展开/收起状态
size String "default" 尺寸:small、default、big
fontStyle Object {} 自定义字体样式对象

Events

事件名 参数 说明
update:modelValue Boolean 状态变化时触发

使用示例

<template>
  <Bubble-Select
    name="请选择"
    v-model="isExpanded"
    size="default"
  />
</template>

<script setup>
import { ref } from 'vue';
import BubbleSelect from '@/components/Bubble-Select.vue';

const isExpanded = ref(false);
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。