首页

liuyg

2021-07-19 23071b55ddca05860c14aebdef135537cf10c539

首页

 src/styles/element-ui.scss

@@ -146,8 +146,8 @@
  color: $fontColor !important;
}
.el-menu-item:hover {
  // background-color: $mainBhover !important;
  color: red !important;
  background-color: $mainBhover !important;
  // color: red !important;
}
.el-input__inner {
  background-color: $inputB !important;
@@ -408,3 +408,16 @@
.avue-main {
  background-color: $mainBx2 !important;
}

//角色管理 权限设置
.el-tabs--border-card {
  background-color: $mainB !important;
}

.el-tabs--border-card > .el-tabs__header {
  background-color: $mainB !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: transparent !important;
  border-bottom: 1px solid $mainB !important;
}

 src/views/wel/home.vue

@@ -6,35 +6,38 @@
          <div>
            <div>
              <div>
                <div>群防群控队伍</div>
                <div>
                  群防群控队伍
                  <div class="title-1">群防群控队伍:({{ OURnum }})</div>
                </div>
              </div>
              <div id="on_three_yjy">
                <div>
                  <div>
                    <div><img src="/img/wyh.png" alt="" /><span>10</span></div>
                    <span> 治安保卫委员会 </span>
                    <div><img src="/img/wyh.png" alt="" /><span>20</span></div>
                    <span> 治保会队伍 </span>
                  </div>
                  <div>
                    <div><img src="/img/zabw.png" alt="" /><span>44</span></div>
                    <span> 治安保卫队伍 </span>
                    <div><img src="/img/zabw.png" alt="" /><span>15</span></div>
                    <span> 内部干部队伍 </span>
                  </div>
                  <div>
                    <div><img src="/img/xf.png" alt="" /><span>42</span></div>
                    <div><img src="/img/xf.png" alt="" /><span>30</span></div>
                    <span> 治安巡防队伍 </span>
                  </div>
                </div>
                <div>
                  <div>
                    <div><img src="/img/xxy.png" alt="" /><span>36</span></div>
                    <div><img src="/img/xxy.png" alt="" /><span>26</span></div>
                    <span> 信息员队伍 </span>
                  </div>
                  <div>
                    <div><img src="/img/badw.png" alt="" /><span>52</span></div>
                    <span> 保安队伍 </span>
                    <div><img src="/img/badw.png" alt="" /><span>30</span></div>
                    <span> 保安员队伍 </span>
                  </div>
                  <div>
                    <div><img src="/img/ldz.png" alt="" /><span>25</span></div>
                    <span> 楼栋长 </span>
                    <span> 警务辅助队伍</span>
                  </div>
                </div>
              </div>
@@ -42,7 +45,7 @@

            <div>
              <div>
                <div>生长树</div>
                <div>能量树</div>
              </div>
              <div id="on_four_yjy">
                <div class="tree">
@@ -110,10 +113,15 @@

      pluss: false, // 水滴值+1动画开关
      movetree: true, // 树动画开关
      ranksNum: [],
    };
  },

  computed: {},
  computed: {
    OURnum() {
      return 146;
    },
  },
  created() {},
  mounted() {
    // eslint-disable-next-line no-undef
@@ -1246,4 +1254,9 @@
.move-3 {
  animation: move-3 1s;
}

.title-1 {
  display: inline;
  padding-left: 20px;
}
</style>