开发样式

components/authority/index.less

@@ -5,8 +5,7 @@
   .module {
     margin-bottom: 30rpx;
     .topic {
-      font-size: 38rpx;
+      font-size: 36rpx;
-      font-weight: bold;
     }
 
     .explain {
@@ -20,7 +19,7 @@
       flex-wrap: wrap;
 
       .work {
-        margin: 10rpx 0rpx;
+        margin: 20rpx 0rpx;
 
         .content {
           position: relative;
@@ -29,7 +28,7 @@
           .cover {
             width: 344rpx;
             height: 194rpx;
-            border-radius: 8rpx;
+            border-radius: 10rpx;
           }
 
           .audioBox {

components/authority/index.wxss

@@ -6,8 +6,7 @@
   margin-bottom: 30rpx;
 }
 .authority .module .topic {
-  font-size: 38rpx;
+  font-size: 36rpx;
-  font-weight: bold;
 }
 .authority .module .explain {
   margin: 10rpx 0rpx;
@@ -19,7 +18,7 @@
   flex-wrap: wrap;
 }
 .authority .module .works .work {
-  margin: 10rpx 0rpx;
+  margin: 20rpx 0rpx;
 }
 .authority .module .works .work .content {
   position: relative;
@@ -28,7 +27,7 @@
 .authority .module .works .work .content .cover {
   width: 344rpx;
   height: 194rpx;
-  border-radius: 8rpx;
+  border-radius: 10rpx;
 }
 .authority .module .works .work .content .audioBox {
   position: relative;

pages/resource/index.less

@@ -3,6 +3,30 @@
 }
 
 .firstClassify {
+    padding: 42rpx 0rpx;
+    width: 100%;
+    margin: 0 auto 30rpx;
+    left: 0;
+    right: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    background-color: white;
+    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.07);
+
+    .firstBox {
+        text-align: center;
+        display: inline-block;
+        padding: 0 17rpx;
+        font-size: 0;
+
+        .icon {
+            width: 160rpx;
+            height: 210rpx;
+        }
+    }
+}
+
+/* .firstClassify {
     padding: 26rpx 0rpx 24rpx;
     width: 100%;
     margin: 0 auto 30rpx;
@@ -29,4 +53,4 @@
             font-size: 28rpx;
         }
     }
-}
+} */

pages/resource/index.wxml

@@ -1,13 +1,19 @@
 <navigationBar bind:reload='resetData'></navigationBar>
 <view class="resourceBox">
-    <scroll-view class="firstClassify {{isFixed?'isFixed isFixed2':''}}" scroll-x="true" enhanced
+    <!--     <scroll-view class="firstClassify {{isFixed?'isFixed isFixed2':''}}" scroll-x="true" enhanced
         show-scrollbar="{{false}}">
         <view class="firstBox" wx:for="{{categoryList}}" wx:key="id" data-item='{{item}}' bindtap="jumpChildClassify">
             <image class="icon" src="{{item.icon}}" />
             <view class="name">{{item.title}}</view>
         </view>
+    </scroll-view> -->
+    <scroll-view class="firstClassify {{isFixed?'isFixed isFixed2':''}}" scroll-x="true" enhanced
+        show-scrollbar="{{false}}">
+        <view class="firstBox" wx:for="{{categoryList}}" wx:key="id" data-item='{{item}}' bindtap="jumpChildClassify">
+            <image class="icon" src="{{item.icon}}" />
+        </view>
     </scroll-view>
     <authority wx:if="{{listOptions.sortList[0]=='recommendReadList'}}" worksList="{{listOptions.recommendReadList}}" />
-    <activityList classify='3' dataList='{{listOptions.activityList}}'/>
+    <activityList classify='3' dataList='{{listOptions.activityList}}' />
     <authority wx:if="{{listOptions.sortList[1]=='recommendReadList'}}" worksList="{{listOptions.recommendReadList}}" />
 </view>

pages/resource/index.wxss

@@ -2,7 +2,7 @@
   padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
 }
 .firstClassify {
-  padding: 26rpx 0rpx 24rpx;
+  padding: 42rpx 0rpx;
   width: 100%;
   margin: 0 auto 30rpx;
   left: 0;
@@ -10,19 +10,43 @@
   overflow: hidden;
   white-space: nowrap;
   background-color: white;
+  box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.07);
 }
 .firstClassify .firstBox {
   text-align: center;
   display: inline-block;
-  width: 98rpx;
+  padding: 0 17rpx;
-  padding: 0rpx 20rpx;
   font-size: 0;
 }
 .firstClassify .firstBox .icon {
-  width: 84rpx;
+  width: 160rpx;
-  height: 84rpx;
+  height: 210rpx;
-}
-.firstClassify .firstBox .name {
-  font-weight: bold;
-  font-size: 28rpx;
 }
+/* .firstClassify {
+    padding: 26rpx 0rpx 24rpx;
+    width: 100%;
+    margin: 0 auto 30rpx;
+    left: 0;
+    right: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    background-color: white;
+
+    .firstBox {
+        text-align: center;
+        display: inline-block;
+        width: 98rpx;
+        padding: 0rpx 20rpx;
+        font-size: 0;
+
+        .icon {
+            width: 84rpx;
+            height: 84rpx;
+        }
+
+        .name {
+            font-weight: bold;
+            font-size: 28rpx;
+        }
+    }
+} */