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 | 65 ++++++++++++++++++--------------
1 files changed, 37 insertions(+), 28 deletions(-)
diff --git a/ruoyi-ui/src/views/homeRoot/index.vue b/ruoyi-ui/src/views/homeRoot/index.vue
index d071d3f..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[2][1].url"
- @click="getPersonInfo(rootSecList[1][1].userId)"></img>
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[1][1].url"
+ @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">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[0][0].url"
+ @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>
@@ -255,6 +262,7 @@
url:undefined,
familyId:undefined,
secondFamilyId: undefined,
+ identity:undefined,
childList:[{
userId: undefined,
nickName: undefined,
@@ -282,6 +290,7 @@
url:undefined,
familyId:undefined,
secondFamilyId: undefined,
+ identity:undefined,
childList:undefined
}]
}]
@@ -439,8 +448,8 @@
}
.avater_1_1 {
position: absolute;
- top: 94%;
- left: 49%;
+ top: 95%;
+ left: 51%;
transform: translate(-50%, -50%);
width: 54px;
height: 54px;
@@ -449,7 +458,7 @@
}
.avater_1_2{
position: absolute;
- top: 84%;
+ top: 85%;
left: 48%;
transform: translate(-50%, -50%);
width: 45px;
@@ -458,8 +467,8 @@
}
.avater_2_1{
position: absolute;
- top: 72%;
- left: 44%;
+ top: 75%;
+ left: 43%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
@@ -467,8 +476,8 @@
}
.avater_2_2{
position: absolute;
- top: 65%;
- left: 48%;
+ top: 67%;
+ left: 47%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
@@ -477,7 +486,7 @@
}
.avater_2_3{
position: absolute;
- top: 64%;
+ top: 67%;
left: 55%;
transform: translate(-50%, -50%);
width: 44px;
@@ -487,7 +496,7 @@
}
.avater_2_4{
position: absolute;
- top: 73%;
+ top: 76%;
left: 59%;
transform: translate(-50%, -50%);
width: 36px;
@@ -497,8 +506,8 @@
}
.avater_2_5{
position: absolute;
- top: 70%;
- left: 39%;
+ top: 73%;
+ left: 38%;
transform: translate(-50%, -50%);
width: 37px;
height: 39px;
@@ -507,8 +516,8 @@
}
.avater_2_6{
position: absolute;
- top: 58%;
- left: 44%;
+ top: 62%;
+ left: 43%;
transform: translate(-50%, -50%);
width: 34px;
height: 35px;
@@ -517,7 +526,7 @@
}
.avater_2_7{
position: absolute;
- top: 58%;
+ top: 62%;
left: 59%;
transform: translate(-50%, -50%);
width: 35px;
@@ -527,7 +536,7 @@
}
.avater_2_8{
position: absolute;
- top: 70%;
+ top: 73%;
left: 64%;
transform: translate(-50%, -50%);
width: 45px;
--
Gitblit v1.9.1