From 23071b55ddca05860c14aebdef135537cf10c539 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 19 Jul 2021 10:09:54 +0800
Subject: [PATCH] 首页
---
src/views/wel/home.vue | 37 +++++++++++++++++++++++++------------
src/styles/element-ui.scss | 17 +++++++++++++++--
2 files changed, 40 insertions(+), 14 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index c694f60..3deeb9c 100644
--- a/src/styles/element-ui.scss
+++ b/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;
+}
diff --git a/src/views/wel/home.vue b/src/views/wel/home.vue
index 9b3bc8d..d97bc12 100644
--- a/src/views/wel/home.vue
+++ b/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>
--
Gitblit v1.9.3