扩展组件（uni-ui）之uni-tag

uni-tag 是 uni-app 的 uni-ui 组件库中的一个组件，用于展示标签。这个组件常用于显示关键词、分类或者用作标记，它的样式和尺寸都是可配置的，以适应不同的场景需求。

基本用法

在使用 uni-tag 之前，你需要确保已经正确安装了 uni-ui 库，并在页面中引入了 uni-tag 组件。

引入组件

<template>
    <uni-tag text="标签" type="primary"></uni-tag>
</template>

<script>
    import uniTag from '@dcloudio/uni-ui/lib/uni-tag/uni-tag.vue'
    export default {
        components: { uniTag }
    }
</script>

属性

uni-tag 组件提供了以下属性：

• text：标签显示的文本内容。
• type：标签的类型，例如 primary、success、error 等。
• size：标签的尺寸，如 small、medium、large。
• inverted：是否反色，即背景和字体颜色对调。
• circle：是否显示为圆形标签。
• mark：是否为标记样式，即左侧带有小圆点的样式。
• disabled：是否禁用标签。

示例

创建一个基础标签：

<uni-tag text="基础标签"></uni-tag>

创建一个成功类型的标签：

<uni-tag text="成功" type="success"></uni-tag>

创建一个小尺寸的标签：

<uni-tag text="小标签" size="small"></uni-tag>

创建一个圆形标签：

<uni-tag text="圆形标签" circle></uni-tag>

注意事项

• 根据你的应用样式和需求配置 uni-tag 的属性。
• uni-tag 组件适用于展示简短的文本信息，如关键词、分类等。

更多关于 uni-tag 组件的使用细节，可以查阅 uni-ui 官方文档 或 uni-ui 库的相关文档。