项目优化

src/components/layout/Header.vue

@@ -89,7 +89,7 @@ function handleUser() {
       left: 0;
       right: 0;
       color: #fff;
-      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
+      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
       .logo {
         background: url('@/assets/images/logo_white.png') no-repeat;
         background-size: contain;

src/modules/shop/components/ContactDialog.vue

@@ -25,11 +25,11 @@ const handleCancel = () => {
       :top="!mobile ? '16%' : '50%'"
       :modal="false"
       :before-close="handleCancel"
+      title="上课方式"
     >
       <div class="buy_alert">
         <!-- <img src="https://webapp-pub.ezijing.com/project_online/fi/icon_contact.png" alt="" /> -->
         <div class="alert_con">
-          <div class="con_tit">上课方式</div>
           <img src="https://webapp-pub.ezijing.com/project_online/fi/contact_wx.png" class="con_img" />
           <div class="con_desc">请联系小秘书：13263110169(同微信)</div>
         </div>
@@ -50,8 +50,6 @@ const handleCancel = () => {
       display: flex;
       align-items: center;
       flex-direction: column;
-      justify-content: center;
-      margin-top: 10px;
 
       .con_tit {
         font-size: 16px;
@@ -61,13 +59,12 @@ const handleCancel = () => {
       .con_img {
         width: 200px;
         height: 200px;
-        margin-top: 20px;
       }
       .con_desc {
         font-size: 14px;
         font-weight: 400;
         color: #666666;
-        margin-top: 20px;
+        margin: 10px;
       }
     }
   }
@@ -75,7 +72,6 @@ const handleCancel = () => {
     width: 315px;
     box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
     border-radius: 10px;
-    // margin-left: 50%;
 
     .el-dialog__header {
       padding-bottom: 0;
@@ -86,7 +82,6 @@ const handleCancel = () => {
   .buy_alert {
     display: flex;
     align-items: center;
-    justify-content: center;
     flex-direction: column;
     .alert_con {
       text-align: center;
@@ -94,30 +89,26 @@ const handleCancel = () => {
         font-size: 0.24rem;
         font-weight: 400;
         color: #333333;
-        margin-top: 0.25rem;
       }
       .con_img {
         width: 3rem;
         height: 3rem;
-        margin-top: 0.51rem;
       }
       .con_desc {
         font-size: 0.24rem;
         font-weight: 400;
         color: #666666;
-        margin-top: 0.51rem;
+        margin: 0.2rem;
       }
     }
   }
-  :deep(.el-dialog) {
-    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
-    border-radius: 0.12rem;
-    margin-left: 50%;
-    padding: 0 1.35rem 0.85rem 1.35rem;
-
-    .el-dialog__header {
-      padding-bottom: 0;
-    }
-  }
+}
+:deep(.el-dialog__body) {
+  padding: 0;
+}
+:deep(.el-dialog__title) {
+  font-size: 16px;
+  text-align: center;
+  display: block;
 }
 </style>

src/modules/shop/components/CourseFooter.vue

@@ -170,6 +170,8 @@ const handleBuyCourse = () => {
         color: #333333;
         .tit_price {
           color: #aa1941;
+          font-size: 0.36rem;
+          font-weight: bold;
         }
       }
       .left_desc {