美文网首页
【Ant Design Vue】Statistic 统计数值参数

【Ant Design Vue】Statistic 统计数值参数

作者: 焜_8899 | 来源:发表于2021-02-24 13:44 被阅读0次

    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. 试验可行的用法

    1. 参数名应为:value-style,参数值应为JSON格式的CSS。
    2. 若CSS属性包含连字符“-”,则属性应当在引号中书写。
    3. 若有多个属性,则使用逗号分隔。

    以下是一个例子

    <a-statistic
        title="ABC"
        :value="123"
        :value-style="{ color: '#cf1322', 'text-decoration':'underline' }"
    ></a-statistic>
    

    相关文章

      网友评论

          本文标题:【Ant Design Vue】Statistic 统计数值参数

          本文链接:https://www.haomeiwen.com/subject/aaajfltx.html