更新记录
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 气泡选择器
气泡选择器组件,用于显示带有下拉箭头的选择器,支持展开/收起状态的视觉反馈。

功能特性
- 显示选择器名称和下拉箭头
- 支持三种尺寸: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>