# 数字组件

# 介绍

数字组件是指,横向排列或者九宫格排列方式的,数字统计组件。

这里采用的是color-ui宫格列表,代码pages/user/user.vue

# "用户仓库、跟随者"示例代码

<view v-if="!$_.isEmpty(numInfo)" class="cu-list grid col-3 text-center no-border">
  <view class="cu-item" v-for="(value, key) in numInfo" :key="key" @tap="tapNumInfo(key)">
    <view class="badge text-xxl grid-text">
      <block>{{value}}</block>
    </view>
    <!-- <view :class="['iconfont ' + iconList[index].icon, 'text-' + iconList[index].color, 'text-xxl']"></view> -->
    <text class="text-xl">{{$t(key)}}</text>
  </view>
</view>
1
2
3
4
5
6
7
8
9
Last Updated: 8/26/2020, 11:33:54 PM