diff --git a/src/assets/scss/people.scss b/src/assets/scss/people.scss index 3d5d9bbe..2b37939e 100644 --- a/src/assets/scss/people.scss +++ b/src/assets/scss/people.scss @@ -2,6 +2,7 @@ @import "c/function"; .m-people { + position: relative; width: 850px; .title { @@ -22,9 +23,110 @@ } } + .more { + // position: absolute; + margin-left: auto; + margin-top: -10px; + width: 90px; + height: 29px; + line-height: 29px; + background: linear-gradient(90deg, #1a5afd, #26c4ff); + border-radius: 15px; + font-size: 14px; + font-family: PingFang SC; + font-weight: 500; + color: #ffffff; + text-align: center; + } + .ren { + position: relative; + margin-top: 0; + padding-bottom: 15px; + .pic-ren { margin: 0 auto; + pointer-events: none; + } + .ren-prop { + position: absolute; + width: 100px; + height: 120px; + + &.z-1 { + left: 170px; + top: 10px; + } + &.z-6 { + right: 170px; + top: 10px; + } + &.z-2 { + left: 55px; + top: 110px; + } + &.z-5 { + right: 55px; + top: 110px; + } + &.z-3 { + left: 115px; + top: 245px; + } + &.z-4 { + right: 115px; + top: 245px; + } + + > img { + margin: 0 auto; + } + > span { + display: block; + font-size: 16px; + line-height: 30px; + font-family: PingFang SC; + font-weight: 500; + color: #ffffff; + text-align: center; + } + + &:hover { + .ren-cnt { + display: block; + } + } + + .ren-cnt { + position: absolute; + z-index: 10; + display: none; + box-sizing: border-box; + top: 60px; + left: 90px; + padding: 10px; + width: 162px; + min-height: 60px; + background: rgba(#b7c7e0, 0.24); + line-height: 20px; + + h5 { + margin: 0; + font-size: 16px; + font-family: PingFang SC; + font-weight: 500; + color: #fefefe; + } + + p { + margin: 0; + margin-top: 4px; + font-size: 14px; + font-family: PingFang SC; + font-weight: 400; + color: #fefefe; + } + } } } } diff --git a/src/views/modules/visual/basicinfo/people.vue b/src/views/modules/visual/basicinfo/people.vue index 92ac0c7f..83aa5a08 100644 --- a/src/views/modules/visual/basicinfo/people.vue +++ b/src/views/modules/visual/basicinfo/people.vue @@ -7,15 +7,66 @@ 人员情况 +
查看更多
-
- +
+ 所属网格
-

所属网格

-

惺惺惜惺惺

+
所属网格：
+

惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺

+
+
+ +
+ + 人员类别 + +
+
人员类别：
+

惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺

+
+
+ +
+ + 工作单位 + +
+
工作单位：
+

惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺

+
+
+ +
+ + 志愿者类别 + +
+
志愿者类别：
+

惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺

+
+
+ +
+ + 房屋信息 + +
+
房屋信息：
+

惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺

+
+
+ +
+ + 经济状况 + +
+
经济状况：
+

惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺