更新记录

1.0.0（2026-03-13） 下载此版本

1.0.0

初版

平台兼容性

uni-app(4.87)

una-bubble

uni-app 气泡组件，支持自定义内边距、宽高、颜色、文字/插槽内容，以及气泡三角形（尖角）的显示与方向。

特性

• 支持 text 文本模式，也支持默认插槽自定义内容
• 支持气泡样式自定义：width、height、padding、backgroundColor、borderRadius
• 支持三角形控制：是否显示、位置（top / bottom / left / right）
• 默认样式为浅灰圆角气泡，适合提示说明文案

基础用法

<template>
    <view>
        <una-bubble text="这是默认文字气泡" />

        <una-bubble
            :showTriangle="true"
            trianglePosition="bottom"
            triangleOffset="80rpx"
            backgroundColor="#EFEFEF"
            width="560rpx"
            padding="20rpx 24rpx"
        >
            <view>
                <text style="font-size: 26rpx; color: #333;">这里是插槽内容</text>
            </view>
        </una-bubble>
    </view>
</template>

Props

插槽

• 默认插槽：自定义气泡内容
• 未使用插槽时，组件展示 text