1. 遇到的问题
在使用Ant Design Vue的Statistic组件时,希望通过其valueStyle参数来设置数值的样式,没有达到预期效果。要么数值的样式没有变化,要么页面无法正常渲染。
2. 官方文档存在的问题
API部分的内容如下
参数 说明 类型 默认值 valueStyle 设置数值的样式 style
-
参数名为valueStyle
。
然而,代码演示-在卡片中使用中的代码却是
<a-statistic title="Feedback" :value="11.28" :precision="2" suffix="%" :value-style="{ color: '#3f8600' }" style="margin-right: 50px" >
参数名为:value-style
,参数值看上去是CSS。
3. 试验可行的用法
- 参数名应为
:value-style
,参数值应为JSON格式的CSS。 - 若CSS属性包含连字符“-”,则属性应当在引号中书写。
- 若有多个属性,则使用逗号分隔。
以下是一个例子
<a-statistic
title="ABC"
:value="123"
:value-style="{ color: '#cf1322', 'text-decoration':'underline' }"
></a-statistic>
网友评论