<template>
  <div class="CenterBottomContainer">
    <ContentTop title="协会进入百姓健身房的开课服务人次排行" :type="3" />
    <div class="rank-list" style="margin-top: 21px">
      <rank-list :listHeight="208" :tableTitle="tableTitle" />
    </div>
  </div>
</template>
                
                <script>
import ContentTop from "@/components/contentTop";
import rankList from "@/components/rankList";
export default {
  components: {
    ContentTop,
    rankList,
  },
  data() {
    return {
      tableTitle: [
        {
          title: "排名",
          width: "150",
        },
        {
          title: "协会名称",
          val: "first",
          width: "210",
        },
        {
          title: "开课服务人次",
          val: "second",
          width: "210",
        },
        {
          title: "开课服务率",
          val: "three",
          width: "210",
        },
      ],
    };
  },
};
</script>
                
                <style lang="scss" scoped>
@import "../../../assets/scss/index.scss";
.CenterBottomContainer {
  width: 100%;
  padding-bottom: 11px;
  //   padding: 0 68px 31px 68px;
}
</style>
                