<template>
  <view class="overviewWpy homePageModule">
    <view class="title">概览</view>
    <view class="content">

      <view class="top">
        <view class="value">78</view>
        <view>事件总数</view>
      </view>

      <view class="bottom">

        <repeat for="{{ dataInfo }}" item="n" index="i" key="i">
          <view class="item">
            <view class="name">{{ n.name }}</view>
            <view class="value">{{ n.value }}</view>
          </view>
        </repeat>

      </view>

    </view>
  </view>
</template>

<script>
import wepy from 'wepy'

export default class overview extends wepy.component {
  data = {
    dataInfo: [
      { name: '影响力均值', value: Math.format.thousandBitSymbol(6789) },
      { name: '峰值平均传播速度', value: '12条/小时' },
      { name: '达到峰值平均用时', value: '22.5小时' }
    ]
  }
  onLoad () {
  }
}
</script>

<style lang="scss" scoped>
.overviewWpy{
  background-color: #49619F;
  border-radius: 8rpx;
  overflow: hidden;
  color: #fff;
  font-size: 32rpx;

  .top{
    padding: 20rpx 0;
    text-align: center;
    .value{
      margin-bottom: 20rpx;
      font-size: 52rpx;
      font-weight: lighter;
    }
  }

  .bottom{
    background-color: #445A93;
    .item{
      display: flex;
      justify-content: space-between;
      padding: 20rpx 24rpx;
    }
  }

}
</style>
