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">
@@ -391,7 +392,6 @@ const onClickTag = (item) => {
   dialogShow.value = true;
 };
 
-
 const paginationDialog = reactive({
   current: 1,
   pageSize: 5,
@@ -459,8 +459,8 @@ const getData = (nm, identNo) => {
 //     });
 // };
 const back = () => {
-  router.back()
-}
+  router.back();
+};
 // const back = () => {
 //   //  sessionStorage.setItem('return',true);
 //   window.location.href = "javascript:history.back(-1)";
@@ -479,6 +479,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%;
@@ -535,6 +543,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;
@@ -578,6 +593,7 @@ onMounted(() => {
       &:hover {
         background: url("../../assets/person/tag-active.png") no-repeat;
         background-size: 100% 100%;
+        color: #00fffc;
       }
     }
 
@@ -668,6 +684,10 @@ onMounted(() => {
         letter-spacing: 1px;
         text-align: left;
         font-style: normal;
+        p {
+          font-weight: 500;
+          font-size: 18px;
+        }
       }
     }
   }