gx

src/view/person/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="person-container">
+    <div class="person-container-bj"></div>
     <div class="person-content">
       <div class="person-side">
         <div class="my-label">
@@ -494,6 +495,14 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
+.person-container-bj {
+  width: 100%;
+  height: 241px;
+  background: url("../../assets/person/bg1.png") no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 20%;
+}
 .person-container {
   width: 100%;
   height: 100%;
@@ -550,6 +559,13 @@ onMounted(() => {
       cursor: pointer;
       z-index: 5;
 
+      font-family: YouSheBiaoTiHei;
+      font-size: 20px;
+      
+      text-shadow: 0px 2px 4px rgba(28, 68, 63, 0.5);
+      text-align: left;
+      font-style: normal;
+
       &:nth-of-type(1) {
         top: 70px;
         left: 70px;
@@ -593,6 +609,7 @@ onMounted(() => {
       &:hover {
         background: url("../../assets/person/tag-active.png") no-repeat;
         background-size: 100% 100%;
+        color: #00fffc;
       }
     }
 
@@ -683,6 +700,10 @@ onMounted(() => {
         letter-spacing: 1px;
         text-align: left;
         font-style: normal;
+        p {
+          font-weight: 500;
+          font-size: 18px;
+        }
       }
     }
   }