首页部分内容添加

wjt

2024-06-19 c9bce23eaefaca45f9aea44da4a3f55b64c57e54

首页部分内容添加

 src/views/index/index.vue

@@ -1,7 +1,57 @@
<template>
  <div class="app-container">
    <div class="content">
      div.box*7>div{153}+div{入住总数}
      <div class="box">
        <div>153</div>
        <div>入驻企业总数</div>
      </div>
      <div class="box">
        <div>153</div>
        <div>已检查企业数</div>
      </div>
      <div class="box">
        <div>153</div>
        <div>执法单位数</div>
      </div>
      <div class="box">
        <div>153</div>
        <div>执法人员数</div>
      </div>
      <div class="box">
        <div>153</div>
        <div>执法记录总数</div>
      </div>
      <div class="box">
        <div>153</div>
        <div>投诉记录数</div>
      </div>
      <div class="box">
        <div>153</div>
        <div>政策条数</div>
      </div>
    </div>
    <div class="line"></div>
  </div>
</template>
</template>

<style lang="scss" scoped>
.content{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  &>.box{
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 20px;
    cursor: pointer;
    &>div:nth-child(1){
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    &>div:nth-child(2){
      color: #818181;
    }
  }
}
</style>