<template>
  <div>
    <h1 class="bt_h1">五类重点青少年</h1>
    <div class="table-a">
      <div class="layui-tab-item layui-show" style="color: black">
          <h2 style="color: white">负责人信息</h2>
        <table class="shuju_table">
          <tr>
            <td></td>
            <td>姓 名</td>
            <td>电 话</td>
            <td>职 务</td>
          </tr>
          <tr>
            <td style="text-align: center">负责人</td>
            <td>张枫</td>
            <td>13851869557</td>
            <td>党委书记</td>
          </tr>
          <tr>
            <td style="text-align: center">负责人</td>
            <td>阮玲</td>
            <td>15062279270</td>
            <td>社区主任</td>
          </tr>
        </table>

        <h2 style="color: white">基本信息</h2>
        <table class="shuju_table">
          <tr>
            <td style="text-align: center">不良行为青少年群体</td>
            <td>0人</td>
          </tr>
          <tr>
            <td style="text-align: center">闲散青少年群体</td>
            <td>0人</td>
          </tr>
          <tr>
            <td style="text-align: center">流浪乞讨青少年群体</td>
            <td>0人</td>
          </tr>
          <tr>
            <td style="text-align: center">服刑在教青少年群体</td>
            <td>0人</td>
          </tr>
          <tr>
            <td style="text-align: center">流动留守青少年群体</td>
            <td>70人</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
module.exports = {
  data: function () {
    return {
      datax: [],
    };
  },
  props: ["title"],
  methods: {},
  computed: {},
  mounted() {
    //挂载的时候执行
  },
};
</script>
<style scoped>
.bt_h1 {
  text-align: center;
  font-size: 20px;
  color: white;
  font-weight: 500;
  margin-top: 8px;
}
</style>
