index.vue 1.45 KB
<template>
  <!--汇总卡片-->
  <el-row :gutter="16" class="card-second-top">
    <el-col :span="12">
      <el-card class="box-card">
        <el-row :gutter="24">
          <el-col :span="8" style="text-align: center">
            <svg-icon icon-class="recharge" class="svg-icon" style="width: 48px;height: 48px" />
          </el-col>
          <el-col :span="12" :offset="4">
            <el-row :gutter="16"><el-col :span="24">充值账户(元)</el-col></el-row>
            <el-row :gutter="16" class="common-color font-size24" style="margin-top: 4px"><el-col :span="24">240.0</el-col></el-row>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card class="box-card">
        <el-row :gutter="24">
          <el-col :span="8" style="text-align: center">
            <svg-icon icon-class="give" style="width: 48px;height: 48px" />
          </el-col>
          <el-col :span="12" :offset="4">
            <el-row :gutter="16"><el-col :span="24">赠送账户(元)</el-col></el-row>
            <el-row :gutter="16" class="common-color font-size24" style="margin-top: 4px"><el-col :span="24">140.0</el-col></el-row>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
// import { getList } from '@/api/table'

export default {
  filters: {

  },
  data() {
    return {
      list: null,
      listLoading: true
    }
  },
  created() {

  },
  methods: {

  }
}
</script>