更改更新弹窗样式

src/views/MainPage.vue

@@ -72,7 +72,7 @@
     <el-dialog
       v-model="showWelcomeDialog"
       width="90%"
-      :style="{ height: '525px' }"
+      :style="{ height: '515px' }"
       :show-close="true"
       :close-on-click-modal="true"
       :close-on-press-escape="true"
@@ -619,12 +619,36 @@ export default {
   background: var(--primary-color) !important;
 }
 
+
 /* 欢迎弹窗样式 */
+:deep(.welcome-dialog) {
+  background: transparent !important;
+}
+
+:deep(.welcome-dialog .el-overlay) {
+  background: transparent !important;
+}
+
+:deep(.welcome-dialog .el-dialog) {
+  background: transparent !important;
+  margin-top: 5vh !important;
+  box-shadow: none !important;
+}
+
+:deep(.welcome-dialog .el-dialog__header) {
+  background: transparent !important;
+}
+
+:deep(.welcome-dialog .el-dialog__headerbtn) {
+  top: 25px !important;
+}
+
 :deep(.welcome-dialog .el-dialog__body) {
   background-image: url('/imgs/mainpage/gengxintishi.png');
   background-size: 100% 100%;
   background-position: center bottom;
   background-repeat: no-repeat;
+  background-color: transparent !important;
   position: relative;
   /* 调整背景图透明度，值范围0-1，0为完全透明，1为完全不透明 */
   opacity: 1;
@@ -638,17 +662,17 @@ export default {
   left: 0;
   right: 0;
   bottom: 0;
-  /* 调整遮罩层透明度，最后一个数值控制透明度(0-1) */
+  /* 完全透明的遮罩层 */
-  background: rgba(255, 255, 255, 0.3);
+  background: transparent;
   z-index: 1;
 }
 
 .welcome-content {
   text-align: center;
-  padding: 40px 20px 0 20px;
+  padding: 20px 20px 0 20px;
   position: relative;
   z-index: 2;
-  height: calc(100% - 80px);
+  height: calc(100% - 60px);
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -662,7 +686,7 @@ export default {
 }
 
 .welcome-content h3 {
-  color: var(--primary-color);
+  color: rgb(255, 242, 121);
   font-size: 26px;
   font-weight: 600;
   margin: 0 0 20px 0;