feat:修改樣式

src/views/activity/recruitment/components/sign/index.vue

@@ -357,7 +357,7 @@ const onSubmit = async () => {
                     background-size: 100% 100%;
                     background-size: 100% 100%;
                     width: 430px;
                     width: 430px;
                     height: 89px;
                     height: 89px;
-                    margin: 0 107px 0 115px;
+                    margin: 0 107px 0 120px;
                     position: relative;
                     position: relative;
                     top: -35px;
                     top: -35px;
                     display: flex;
                     display: flex;
@@ -366,7 +366,7 @@ const onSubmit = async () => {
 
 
                     span {
                     span {
                         position: absolute;
                         position: absolute;
-                        top: 8px;
+                        top: 4px;
                         transform: skewX(-15deg); // 只保留倾斜效果
                         transform: skewX(-15deg); // 只保留倾斜效果
                         font-family: "FZZ";
                         font-family: "FZZ";
                         font-weight: bold;
                         font-weight: bold;
@@ -534,7 +534,7 @@ const onSubmit = async () => {
                     background-size: 100% 100%;
                     background-size: 100% 100%;
                     width: 529px;
                     width: 529px;
                     height: 89px;
                     height: 89px;
-                    margin: 0 64px 0 59px;
+                    margin: 0 64px 0 80px;
                     position: relative;
                     position: relative;
                     top: -35px;
                     top: -35px;
                     display: flex;
                     display: flex;
@@ -564,14 +564,14 @@ const onSubmit = async () => {
                 img {
                 img {
                     width: 529px;
                     width: 529px;
                     height: 51px;
                     height: 51px;
-                    padding: 0px 67px 16px 56px;
+                    padding: 0px 67px 16px 66px;
                 }
                 }
 
 
                 .text-wrap {
                 .text-wrap {
                     display: flex;
                     display: flex;
                     flex-direction: row;
                     flex-direction: row;
                     gap: 58px;
                     gap: 58px;
-                    padding-left: 23px;
+                    padding-left: 33px;
 
 
                     .sign-item {
                     .sign-item {
                         width: 107px;
                         width: 107px;
@@ -639,7 +639,7 @@ const onSubmit = async () => {
                         content: '';
                         content: '';
                         position: absolute;
                         position: absolute;
                         left: 185px;
                         left: 185px;
-                        top: 38px;
+                        top: 34px;
                         width: 64px;
                         width: 64px;
                         height: 41px;
                         height: 41px;
                         background-image: url(../../image/leftArrow.png);
                         background-image: url(../../image/leftArrow.png);
@@ -651,7 +651,7 @@ const onSubmit = async () => {
                         content: '';
                         content: '';
                         position: absolute;
                         position: absolute;
                         right: 193px;
                         right: 193px;
-                        top: 38px;
+                        top: 34px;
                         width: 64px;
                         width: 64px;
                         height: 41px;
                         height: 41px;
                         background-image: url(../../image/rightArrow.png);
                         background-image: url(../../image/rightArrow.png);
@@ -819,6 +819,7 @@ const onSubmit = async () => {
                     display: block;
                     display: block;
                     padding-top: 15px;
                     padding-top: 15px;
                     font-family: 'FZZ';
                     font-family: 'FZZ';
+                    transform: skewX(-10deg);
                     font-weight: bold;
                     font-weight: bold;
                     font-size: 34px;
                     font-size: 34px;
                     color: #48FEC1;
                     color: #48FEC1;