Statistic 数值统计

基础用法

<template>
  <plv-statistic>
    <plv-statistic-item
      title="访问次数(次)"
      tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
      :value="1001080"
    />
    <plv-statistic-item
      title="观看时长(分钟)"
      tips="直播观看分钟数累计时长。"
      :value="15289"
    />
    <plv-statistic-item
      title="观看人数(人)"
      tips="观看人数为观众IP地址去重后的统计结果。"
      :value="446"
    />
    <plv-statistic-item
      title="人均观看时长(分钟)"
      :value="34"
    />
    <plv-statistic-item
      title="人均观看次数(次)"
      :value="2.8"
    />
  </plv-statistic>
</template>

显示代码

底部内容

<template>
  <plv-statistic>
    <plv-statistic-item
      title="访问次数(次)"
      tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
      :value="1001080"
    >
      <span slot="footer">PC端：0 | 移动端：0</span>
    </plv-statistic-item>
    <plv-statistic-item
      title="观看时长(分钟)"
      tips="直播观看分钟数累计时长。"
      :value="15289"
      footer="PC端：0 | 移动端：0"
    />
    <plv-statistic-item
      title="观看人数(人)"
      tips="观看人数为观众IP地址去重后的统计结果。"
      :value="446"
      footer="PC端：16 | 移动端：66"
    />
    <plv-statistic-item
      title="人均观看时长(分钟)"
      :value="34"
      footer="PC端：0 | 移动端：0"
    />
    <plv-statistic-item
      title="人均观看次数(次)"
      :value="2.8"
      footer="PC端：0 | 移动端：0"
    />
  </plv-statistic>
</template>

显示代码

分组

<template>
  <plv-statistic>
    <plv-statistic-group title="商品流量">
      <plv-statistic-item
        title="商品点击次数"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="349234"
      />
      <plv-statistic-item
        title="商品点击人数"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="1001080"
        unit="人"
        currency
      />
    </plv-statistic-group>

    <plv-statistic-group title="商品转化">
      <plv-statistic-item
        title="下单按钮点击次数"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="9234"
      />
      <plv-statistic-item
        title="下单按钮点击人数"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="5277"
      />
      <plv-statistic-item
        title="商品销量"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="1234"
      />
      <plv-statistic-item
        title="成交人数"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="1234"
      />
      <plv-statistic-item
        title="成交金额"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="2234000"
      />
      <plv-statistic-item
        title="访问次数(次)"
        tips="播放器刷新一次算一次访问，是真实数据。与基础信息设置中的观看次数计算方法不一样。"
        :value="1001080"
      />
      <plv-statistic-item
        title="观看时长(分钟)"
        tips="直播观看分钟数累计时长。"
        :value="15289"
      />
      <plv-statistic-item
        title="观看人数(人)"
        tips="观看人数为观众IP地址去重后的统计结果。"
        :value="446"
      />
      <plv-statistic-item
        title="人均观看时长(分钟)"
        :value="34"
      />
      <plv-statistic-item
        title="人均观看次数(次)"
        :value="2.8"
      />
    </plv-statistic-group>
  </plv-statistic>
</template>

显示代码

StatisicItem Attributes

参数	说明	类型	可选值	默认值
value	数值，传入string时不会格式化数值	String Number	-	-
title	标题	String	-	-
tips	标题中的文本提示	String	-	-
footer	底部内容	String	-	-
unit v4.0.8	数值单位	String	-	-
currency v4.0.8	是否显示货币，传入默认为 ¥	Boolean String	-	false

StatisicGroup Attributes

参数	说明	类型	可选值	默认值
title v4.0.8	标题	String	-	-