更新记录

1.0.1（2022-11-16）

• 更新文档

1.0.0（2022-11-16）

• init

平台兼容性

uv-tag 标签增强版

组件名：uv-tag

安装

在市场导入图片组uni_modules版本的即可，无需import

基本使用

<template>
    <view style="padding: 53rpx;">
        <view class="box">
            <uv-tag :text="txt"  :inverted="true" :circle="false" fontSize="30rpx" color="#3323a6"></uv-tag>
            <uv-tag :text="txt"   :circle="false" fontSize="30rpx" bgColor="#3323a6" color="#fff"></uv-tag>

            <uv-tag :text="txt" maxWidth="120rpx" :inverted="true" :circle="false" fontSize="30rpx" color="#3323a6"></uv-tag>
            <uv-tag :text="txt" maxWidth="120rpx" :circle="false" bgColor="#3323a6" fontSize="30rpx" color="#fff"></uv-tag>

            <uv-tag :text="txt" maxWidth="100rpx" :inverted="true" :circle="true" fontSize="30rpx" color="#2aa61a"></uv-tag>
            <uv-tag :text="txt" maxWidth="300rpx" :inverted="true" :circle="false" fontSize="60rpx" color="#2aa61a"></uv-tag>
        </view>
    </view>
</template>

<script setup>
    import { ref } from 'vue'
    let txt = ref('小土豆呀正在直播')
</script>

<style scoped>
.box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    height: 300px;
}
</style>

props

如使用过程中有任何问题，或者您对uv-有一些好的建议，欢迎加入 qq群：632100308