ui调整

components/authority/index.less

@@ -1,102 +1,105 @@
 .authority {
-  height: 100%;
-  padding: 0rpx 20rpx;
+    height: 100%;
+    padding: 0rpx 25rpx;
 
-  .module {
-    margin-bottom: 30rpx;
-    .topic {
-      font-size: 36rpx;
-    }
+    .module {
+        margin-bottom: 30rpx;
 
-    .explain {
-      margin: 10rpx 0rpx;
-      font-size: 24rpx;
-    }
+        .topic {
+            font-size: 36rpx;
+        }
 
-    .works {
-      display: flex;
-      justify-content: space-between;
-      flex-wrap: wrap;
-
-      .work {
-        margin: 20rpx 0rpx;
-
-        .content {
-          position: relative;
-          font-size: 0px;
-
-          .cover {
-            width: 344rpx;
-            height: 194rpx;
-            border-radius: 10rpx;
-          }
-
-          .audioBox {
-            position: relative;
-
-            .audioPlay {
-              position: absolute;
-              left: 0px;
-              top: 0px;
-              bottom: 0px;
-              right: 0px;
-              margin: auto;
-              width: 220rpx;
-              height: 174rpx;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-
-              .audioPlayBg {
-                width: 150rpx;
-                height: 150rpx;
-              }
-
-              .audioPlayZhen {
-                position: absolute;
-                right: 30rpx;
-                top: 16rpx;
-                width: 32rpx;
-                height: 40rpx;
-              }
-
-              .cover {
-                position: absolute;
-                width: 130rpx;
-                height: 130rpx;
-                border-radius: 50%;
-              }
-            }
-          }
-
-          .mask {
-            position: absolute;
-            width: 100%;
-            height: 40rpx;
-            bottom: 0px;
-            background: linear-gradient(0deg, rgba(0, 0, 0, .3), transparent);
+        .explain {
+            margin: 10rpx 0rpx;
+            font-size: 28rpx;
+        }
+
+        .works {
             display: flex;
-            align-items: center;
-            .fb {
-              margin: 6rpx 10rpx;
-              width: 26rpx;
-              height: 26rpx;
-            }
+            justify-content: space-between;
+            flex-wrap: wrap;
+
+            .work {
+                margin: 20rpx 0rpx;
+
+                .content {
+                    position: relative;
+                    font-size: 0px;
+                    border-radius: 30rpx;
+                    overflow: hidden;
+
+                    .cover {
+                        width: 344rpx;
+                        height: 194rpx;
+                    }
 
-            .fb-num {
-              font-size: 24rpx;
-              color: white;
+                    .audioBox {
+                        position: relative;
+
+                        .audioPlay {
+                            position: absolute;
+                            left: 0px;
+                            top: 0px;
+                            bottom: 0px;
+                            right: 0px;
+                            margin: auto;
+                            width: 220rpx;
+                            height: 174rpx;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+
+                            .audioPlayBg {
+                                width: 150rpx;
+                                height: 150rpx;
+                            }
+
+                            .audioPlayZhen {
+                                position: absolute;
+                                right: 30rpx;
+                                top: 16rpx;
+                                width: 32rpx;
+                                height: 40rpx;
+                            }
+
+                            .cover {
+                                position: absolute;
+                                width: 130rpx;
+                                height: 130rpx;
+                                border-radius: 50%;
+                            }
+                        }
+                    }
+
+                    .mask {
+                        position: absolute;
+                        width: 100%;
+                        height: 40rpx;
+                        bottom: 0px;
+                        background: linear-gradient(0deg, rgba(0, 0, 0, .3), transparent);
+                        display: flex;
+                        align-items: center;
+
+                        .fb {
+                            margin: 6rpx 10rpx;
+                            width: 26rpx;
+                            height: 26rpx;
+                        }
+
+                        .fb-num {
+                            font-size: 24rpx;
+                            color: white;
+                        }
+                    }
+                }
+
+                .title {
+                    width: 344rpx;
+                    margin-top: 6rpx;
+                    font-size: 30rpx;
+                }
             }
-          }
-        }
 
-        .title {
-          width: 344rpx;
-          margin-top: 6rpx;
-          font-size: 32rpx;
         }
-      }
-
     }
-  }
 }

components/authority/index.wxss

@@ -1,6 +1,6 @@
 .authority {
   height: 100%;
-  padding: 0rpx 20rpx;
+  padding: 0rpx 25rpx;
 }
 .authority .module {
   margin-bottom: 30rpx;
@@ -10,7 +10,7 @@
 }
 .authority .module .explain {
   margin: 10rpx 0rpx;
-  font-size: 24rpx;
+  font-size: 28rpx;
 }
 .authority .module .works {
   display: flex;
@@ -23,11 +23,12 @@
 .authority .module .works .work .content {
   position: relative;
   font-size: 0px;
+  border-radius: 30rpx;
+  overflow: hidden;
 }
 .authority .module .works .work .content .cover {
   width: 344rpx;
   height: 194rpx;
-  border-radius: 10rpx;
 }
 .authority .module .works .work .content .audioBox {
   position: relative;
@@ -83,5 +84,5 @@
 .authority .module .works .work .title {
   width: 344rpx;
   margin-top: 6rpx;
-  font-size: 32rpx;
+  font-size: 30rpx;
 }

components/banner/index.less

@@ -12,8 +12,8 @@
   .swiper {
     margin: 0 auto;
     width: 700rpx;
-    height: 280rpx;
-    border-radius: 20rpx;
+    height: 250rpx;
+    border-radius: 30rpx;
     overflow: hidden;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
 

components/banner/index.wxss

@@ -11,8 +11,8 @@
 .header .swiper {
   margin: 0 auto;
   width: 700rpx;
-  height: 280rpx;
-  border-radius: 20rpx;
+  height: 250rpx;
+  border-radius: 30rpx;
   overflow: hidden;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
 }

components/videoPreview/index.less

@@ -1,9 +1,9 @@
 .work {
-    margin-bottom: 24rpx;
+    margin-bottom: 38rpx;
     background-color: white;
     border-radius: 32rpx;
     box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
-    padding-bottom: 26rpx;
+    padding-bottom: 34rpx;
 
     .workHead {
         display: flex;
@@ -29,8 +29,8 @@
 
                 .nickname {
                     max-width: 320rpx;
-                    font-size: 30rpx;
-                    font-weight: bold;
+                    font-size: 28rpx;
+                    font-weight: 400;
                     color: #000;
                 }
 

components/videoPreview/index.wxss

@@ -1,9 +1,9 @@
 .work {
-  margin-bottom: 24rpx;
+  margin-bottom: 38rpx;
   background-color: white;
   border-radius: 32rpx;
   box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
-  padding-bottom: 26rpx;
+  padding-bottom: 34rpx;
 }
 .work .workHead {
   display: flex;
@@ -28,8 +28,8 @@
 }
 .work .workHead .wH-left .wH-left-user .nickname {
   max-width: 320rpx;
-  font-size: 30rpx;
-  font-weight: bold;
+  font-size: 28rpx;
+  font-weight: 400;
   color: #000;
 }
 .work .workHead .wH-left .wH-left-user .time {

pages/index/index.less

@@ -1,10 +1,10 @@
 .recommend {
     position: relative;
-    padding-top: 30rpx;
+    padding-top: 55rpx;
     padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
 
     .firstClassify {
-        margin: 60rpx 0rpx;
+        margin: 50rpx 0rpx;
         width: 100%;
         box-sizing: border-box;
         display: flex;
@@ -16,7 +16,7 @@
 
         .icon {
             width: 25%;
-            height: 195rpx;
+            height: 157rpx;
         }
     }
 

pages/index/index.wxss

@@ -1,10 +1,10 @@
 .recommend {
   position: relative;
-  padding-top: 30rpx;
+  padding-top: 55rpx;
   padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
 }
 .recommend .firstClassify {
-  margin: 60rpx 0rpx;
+  margin: 50rpx 0rpx;
   width: 100%;
   box-sizing: border-box;
   display: flex;
@@ -16,7 +16,7 @@
 }
 .recommend .firstClassify .icon {
   width: 25%;
-  height: 195rpx;
+  height: 157rpx;
 }
 .recommend .desktopTips {
   position: fixed;

pages/works/index.js

@@ -44,7 +44,6 @@ Page({
     async requestAgain() {
         this.resetData()
         let count = await getWorksNum()
-        console.log(count);
         this.setData({
             count
         })

pages/works/index.less

@@ -1,9 +1,9 @@
 .worksBox {
-    padding-top: 50rpx;
+    padding-top: 70rpx;
     padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
 
     .itemize {
-        margin-bottom: 90rpx;
+        margin-bottom: 70rpx;
         padding: 0 60rpx;
         display: flex;
         align-items: center;
@@ -29,7 +29,7 @@
             .img {
                 margin-bottom: 10rpx;
                 width: 156rpx;
-                height: 111rpx; 
+                height: 111rpx;
             }
         }
     }
@@ -50,6 +50,6 @@
 
     .worksList {
         margin: 0 auto;
-        width: 700rpx;
+        width: 750rpx;
     }
 }

pages/works/index.wxss

@@ -1,9 +1,9 @@
 .worksBox {
-  padding-top: 50rpx;
+  padding-top: 70rpx;
   padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
 }
 .worksBox .itemize {
-  margin-bottom: 90rpx;
+  margin-bottom: 70rpx;
   padding: 0 60rpx;
   display: flex;
   align-items: center;
@@ -44,5 +44,5 @@
 }
 .worksBox .worksList {
   margin: 0 auto;
-  width: 700rpx;
+  width: 750rpx;
 }