<template>
    <div class="RightCenterContainer">
      <ContentTop
        title="百姓健身房信息"
        :type="2"
      />
      <div style="margin-top: 20px">
      <AccumulateTip
        iconName="gym_icon"
        :width="60"
        :labelWidth="100"
        label="百姓健身房器械数量"
        :count="7366789"
        :countMargin="16"
        unit="个"
      />
    </div>
      <div class="rank-list" style="margin-top: 20px">
        <rank-list :listHeight="250" :tableTitle="tableTitle" />
      </div>
    </div>
  </template>
              
              <script>
  import ContentTop from "@/components/contentTop";
  import rankList from "@/components/rankList";
  import AccumulateTip from "@/components/accumulateTip";
  export default {
    components: {
      ContentTop,
      rankList,
      AccumulateTip,
    },
    data() {
      return {
        tableTitle: [
          {
            title: "排名",
            width: "100",
          },
          {
            title: "器械名称",
            val: "first",
            width: "150",
          },
          {
            title: "使用人数",
            val: "second",
            width: "150",
          },
        ],
      };
    },
  };
  </script>
              
              <style lang="scss" scoped>
  @import "../../../assets/scss/index.scss";
  .RightCenterContainer {
  }
  </style>
              