uview 的labelStyle怎么用
时间: 2023-10-16 13:08:25 浏览: 443
uview2.0
5星 · 资源好评率100%
uView 的 `labelStyle` 是用于设置标签样式的属性,可以通过以下方式使用:
```html
<u-tag label="标签" :label-style="{color: 'red', backgroundColor: '#f5f5f5'}"></u-tag>
```
其中,`label-style` 是一个对象,可以设置以下属性:
- `color`:标签文字颜色;
- `backgroundColor`:标签背景颜色;
- `borderColor`:标签边框颜色;
- `borderWidth`:标签边框宽度;
- `borderRadius`:标签边框圆角半径。
例如,设置标签文字为红色,背景为浅灰色:
```html
<u-tag label="标签" :label-style="{color: 'red', backgroundColor: '#f5f5f5'}"></u-tag>
```
阅读全文