提交

1

src/components/col-header/index.css

@@ -29,8 +29,8 @@
   width: 100%;
   top: 0px;
   z-index: 1200;
-  height: 72px;
-  line-height: 72px;
+  height: 62px;
+  line-height: 62px;
   background-color: rgba(0, 0, 0, 0.2) !important;
   animation:none;
   border-bottom: none;
@@ -60,8 +60,8 @@
   width: 100%;
   top: 0px;
   z-index: 1200;
-  height: 72px;
-  line-height: 72px;
+  height: 62px;
+  line-height: 62px;
   animation-name: navAnimat;
   animation-duration: .4s;
   animation-timing-function: linear;
@@ -169,8 +169,8 @@
 .itemCenter {
   position: relative;
   margin-right: 40px;
-  line-height: 72px;
-  height: 72px;
+  line-height: 62px;
+  height: 62px;
   font-size: 20px;
   font-weight: 500;
   display: inline-block;

src/components/col-header/modals/index.module.less

@@ -23,10 +23,12 @@
 .dropdownWrap {
   padding: 0 !important;
   width: 304px;
-
+  // border-radius: 30px;
   overflow: hidden;
+
   .dropdownWrapUser {
     position: relative;
+
     .userInfoWrap1 {
       z-index: 100;
       left: 16px;
@@ -53,8 +55,8 @@
           margin-right: 10px;
         }
         .vipLogo {
-          width: 34px;
-          height: 15px;
+          width: 42px;
+          height: 26px;
         }
       }
       .iconList {
@@ -154,15 +156,20 @@
 }
 :global {
   .loginPopper {
+    border-radius: 10px!important;
+    overflow: hidden;
     .el-dropdown__popper.el-popper {
       border: none !important;
-      border-radius: 10px 10px;
+      // border-radius: 10px 10px;
+
+
     }
     .loginPopper {
       background-color: #000;
       transform: translate(-35px, 0px) !important;
       background: #ffffff;
       box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
+
       position: relative;
       &::after {
         content: '';

src/components/col-header/modals/loganInfo.tsx

@@ -90,6 +90,11 @@ export default defineComponent({
 
       if (states.userType == 'TEACHER') {
         states.iconList = []
+        if (states.user.isVip) {
+          states.iconList.push(memberIcon)
+        } else {
+          states.iconList.push(noMemberIcon)
+        }
         if (states.user.tag.indexOf('STYLE') != -1) {
           states.iconList.push(styleIcon)
         } else {

src/views/home/index.module.less

@@ -96,6 +96,7 @@
       width: 100%;
       .inputWrap {
         position: relative;
+
         .searchIcon {
           width: 24px;
           height: 25px;
@@ -120,6 +121,7 @@
 
           .el-input {
             .el-input__wrapper {
+
               box-shadow: none;
               padding: 0;
               .el-input__inner {
@@ -129,6 +131,9 @@
                 background: #ffffff;
                 border-radius: 25px;
                 border: 1px solid #2dc7aa;
+                &:hover {
+                  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1000);
+                }
               }
             }
           }

src/views/home/index.tsx

@@ -75,7 +75,7 @@ export default defineComponent({
     const getTagTree = async () => {
       try {
         const res = await request.get('/api-website/open/MusicTag/tree', {})
-        state.tagTree = res.data
+        state.tagTree = res.data.splice(0,2)
 
         // state.hotList = res.data
       } catch (e) {