<template>
  <div class="demo-statistic-decorate">
    <ui-statistic
      title="统计数值(精度)"
      :value="value"
      :precision="4"></ui-statistic>

    <ui-statistic
      title="统计数值(前缀)"
      :value="prefixValue"
      prefix="$"></ui-statistic>

    <ui-statistic
      title="统计数值(后缀)"
      :value="suffixValue"
      suffix="/ 100"></ui-statistic>
  </div>
</template>

<script>
import { Statistic } from "amumu-ui"
export default {
  components: {
    "ui-statistic": Statistic,
  },
  data() {
    return {
      value: 10000.9,
      prefixValue: 1000,
      suffixValue: 99,
    }
  },
}
</script>
<style lang="scss">
.demo-statistic-decorate {
  .mm-statistic {
    margin-bottom: 8px;
  }
}
</style>
