fix: 数据看板

zhengyiming

4 天以前 42c8c76b00027995e01cbe692198831fbe019f38

 src/views/DataBoard/components/DataBoardDataInfoItem.vue

@@ -7,7 +7,7 @@
  >
    <div class="data-board-data-info-item-label">{{ label }}</div>
    <div class="data-board-data-info-item-value">
      <el-statistic :value="value" />
      <el-statistic :value="_value" :precision="precision" />
    </div>
  </div>
</template>
@@ -22,15 +22,18 @@
type Props = {
  backgroundImage: string;
  label: string;
  precision?: number;
};

const props = withDefaults(defineProps<Props>(), {});
const props = withDefaults(defineProps<Props>(), {
  precision: 0,
});

const value = defineModel<number>('value');

// const _value = useTransition(value, {
//   duration: 500,
// });
const _value = useTransition(value, {
  duration: 500,
});
</script>

<style lang="scss" scoped>
@@ -46,19 +49,25 @@

  .data-board-data-info-item-label {
    margin-bottom: 4px;
    margin-left: 86px;
    margin-left: 80px;
    font-size: 13px;
    color: #ffffff;
  }

  .data-board-data-info-item-value {
    margin-left: 86px;
    font-size: 16px;
    margin-left: 80px;
    font-family: YouSheBiaoTiHei Regular;
    background: linear-gradient(to bottom, #ffffff, #6fcdff);
    -webkit-background-clip: text;
    line-height: 19px;
    -webkit-text-fill-color: transparent;

    :deep() {
      .el-statistic__content {
        font-size: 16px;
        color: #ffffff;
      }
    }
  }
}
</style>