css修改

src/views/Member/index.vue

@@ -800,102 +800,106 @@ const handleChangeTplSubmit = async() => {
 
 <style lang="less" scoped>
 
-.content{
+.member{
-  min-height: calc(100vh - 142px);
+  .content{
-}
+    min-height: calc(100vh - 142px);
-.cnt2 {
+  }
-  .van-list {
+  .cnt2 {
-    .list-item {
+    .van-list {
-      display: flex;
+      .list-item {
-      align-items: center;
-      flex-wrap: wrap;
-      padding: 15px 0;
-      margin: 0 15px;
-      border-bottom: 1px #e3e3e3 solid;
-
-      .left {
-        flex: 1 0 0%;
         display: flex;
         align-items: center;
+        flex-wrap: wrap;
+        padding: 15px 0;
+        margin: 0 15px;
+        border-bottom: 1px #e3e3e3 solid;
+
+        .left {
+          flex: 1 0 0%;
+          display: flex;
+          align-items: center;
+
+          .avatar {
+            width: 55px;
+            min-width: 55px;
+            aspect-ratio: 1/1;
+            border-radius: 50%;
+            margin-right: 10px;
+            overflow: hidden;
+
+            img {
+              width: 100%;
+              height: 100%;
+              object-fit: cover;
+            }
+          }
 
-        .avatar {
+          .name {
-          width: 55px;
+            font-weight: bold;
-          min-width: 55px;
-          aspect-ratio: 1/1;
-          border-radius: 50%;
-          margin-right: 10px;
-          overflow: hidden;
-
-          img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
           }
         }
 
-        .name {
+        .right {
-          font-weight: bold;
+          flex: 0 0 auto;
         }
-      }
 
-      .right {
+        .bottom {
-        flex: 0 0 auto;
+          flex: 1 0 100%;
-      }
+          border: 1px #e3e3e3 solid;
-
+          border-radius: 10px;
-      .bottom {
+          padding: 0 10px;
-        flex: 1 0 100%;
+          margin: 0;
-        border: 1px #e3e3e3 solid;
+          transition: all .2s;
-        border-radius: 10px;
+
-        padding: 0 10px;
+          &.show {
-        margin: 0;
+            padding: 10px;
-        transition: all .2s;
+            margin: 5px 0;
-
+          }
-        &.show {
-          padding: 10px;
-          margin: 5px 0;
         }
       }
     }
-  }
+    .van-search,.van-search-content{
-  .van-search,.van-search-content{
+      padding-left: 0;
-    padding-left: 0;
+    }
-  }
-}
-
-.cnt3 {
-  .block {
-    height: 500px;
-    text-align: center;
-    background-color: #000;
-    padding: 20px 35px;
-    overflow: hidden;
-    overflow-y: auto;
   }
 
-  .imgBtn {
+  .cnt3 {
-    padding: 10px;
+    .block {
-    margin: 10px;
+      height: 500px;
-    background-color: #333;
+      text-align: center;
-    border-radius: 10px;
+      background-color: #000;
-    overflow: hidden;
+      padding: 20px 35px;
-    cursor: pointer;
+      overflow: hidden;
-    transform: scale(1);
+      overflow-y: auto;
-    transition: all .3s;
-
-    &.active,
-    &:hover {
-      transform: scale(1.02);
     }
 
-    .imgCnt {
+    .imgBtn {
-      width: 100%;
+      padding: 10px;
-      height: 150px;
+      margin: 10px;
+      background-color: #333;
+      border-radius: 10px;
+      overflow: hidden;
+      cursor: pointer;
+      transform: scale(1);
+      transition: all .3s;
+
+      &.active,
+      &:hover {
+        transform: scale(1.02);
+      }
 
-      img {
+      .imgCnt {
         width: 100%;
-        height: 100%;
+        height: 150px;
-        object-fit: cover;
+
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+        }
       }
     }
   }
-}</style>
+}
+
+</style>