From e38f6d08af8b36f4c394257c5ebcdc4f111cde7e Mon Sep 17 00:00:00 2001
From: linwenling <3256558519@qq.com>
Date: 星期日, 13 八月 2023 21:01:21 +0800
Subject: [PATCH] 更换背景颜色
---
ruoyi-ui/src/views/homeRoot/index.vue | 53 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 30 insertions(+), 23 deletions(-)
diff --git a/ruoyi-ui/src/views/homeRoot/index.vue b/ruoyi-ui/src/views/homeRoot/index.vue
index 39e719e..2d294c1 100644
--- a/ruoyi-ui/src/views/homeRoot/index.vue
+++ b/ruoyi-ui/src/views/homeRoot/index.vue
@@ -24,72 +24,79 @@
<div v-model="rootList.url">
<el-avatar shape="circle" class="avater_1_1" v-if="isShow_1">
<img :src="'http://47.93.189.255:8080/'+ rootList[0].url"
- @click="getPersonInfo(rootList[0].userId)"></img>
+ @click="getPersonInfo(rootList[0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_1_2" v-if="isShow_1">
<img :src="'http://47.93.189.255:8080/'+ rootList[1].url"
- @click="getPersonInfo(rootList[1].userId)"></img>
+ @click="getPersonInfo(rootList[1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_1" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[0][0].url"
- @click="getPersonInfo(rootSecList[0][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[0][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_2" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[0][1].url"
- @click="getPersonInfo(rootSecList[0][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[0][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_3" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[1][0].url"
- @click="getPersonInfo(rootSecList[1][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[1][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_4" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[1][1].url"
- @click="getPersonInfo(rootSecList[1][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[1][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_5" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[2][0].url"
- @click="getPersonInfo(rootSecList[2][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[2][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_6" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[2][1].url"
- @click="getPersonInfo(rootSecList[2][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[2][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_7" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[3][0].url"
- @click="getPersonInfo(rootSecList[3][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[3][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_8" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[3][1].url"
- @click="getPersonInfo(rootSecList[3][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[3][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_3_1" v-if="isShow_3">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[0][0].url"
- @click="getPersonInfo(rootSecList[0][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[0][0].userId)">
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_2" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_3" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_4" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_5" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_6" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_7" v-if="isShow_4">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_8" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
@@ -460,8 +467,8 @@
}
.avater_2_1{
position: absolute;
- top: 72%;
- left: 44%;
+ top: 75%;
+ left: 43%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
@@ -469,8 +476,8 @@
}
.avater_2_2{
position: absolute;
- top: 65%;
- left: 48%;
+ top: 67%;
+ left: 47%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
@@ -479,7 +486,7 @@
}
.avater_2_3{
position: absolute;
- top: 64%;
+ top: 67%;
left: 55%;
transform: translate(-50%, -50%);
width: 44px;
@@ -489,7 +496,7 @@
}
.avater_2_4{
position: absolute;
- top: 73%;
+ top: 76%;
left: 59%;
transform: translate(-50%, -50%);
width: 36px;
@@ -499,8 +506,8 @@
}
.avater_2_5{
position: absolute;
- top: 70%;
- left: 39%;
+ top: 73%;
+ left: 38%;
transform: translate(-50%, -50%);
width: 37px;
height: 39px;
@@ -509,8 +516,8 @@
}
.avater_2_6{
position: absolute;
- top: 58%;
- left: 44%;
+ top: 62%;
+ left: 43%;
transform: translate(-50%, -50%);
width: 34px;
height: 35px;
@@ -519,7 +526,7 @@
}
.avater_2_7{
position: absolute;
- top: 58%;
+ top: 62%;
left: 59%;
transform: translate(-50%, -50%);
width: 35px;
@@ -529,7 +536,7 @@
}
.avater_2_8{
position: absolute;
- top: 70%;
+ top: 73%;
left: 64%;
transform: translate(-50%, -50%);
width: 45px;
--
Gitblit v1.9.1