开发

components/authority/index.less

@@ -11,6 +11,7 @@
 
         .explain {
             margin: 10rpx 0rpx;
+            color: #666;
             font-size: 28rpx;
         }
 

components/authority/index.wxss

@@ -10,6 +10,7 @@
 }
 .authority .module .explain {
   margin: 10rpx 0rpx;
+  color: #666;
   font-size: 28rpx;
 }
 .authority .module .works {

components/comment/index.less

@@ -170,12 +170,12 @@
                             justify-content: space-between;
 
                             .nickName {
-                                font-size: 36rpx;
+                                font-size: 30rpx;
                                 color: black;
                             }
 
                             .time {
-                                font-size: 24rpx;
+                                font-size: 26rpx;
                                 color: #666666;
                             }
                         }

components/comment/index.wxss

@@ -150,11 +150,11 @@
   justify-content: space-between;
 }
 .commentBox .comment .body .body-box .content .c-like .left .nickName {
-  font-size: 36rpx;
+  font-size: 30rpx;
   color: black;
 }
 .commentBox .comment .body .body-box .content .c-like .left .time {
-  font-size: 24rpx;
+  font-size: 26rpx;
   color: #666666;
 }
 .commentBox .comment .body .body-box .content .c-like .follow {

pages/index/index.wxml

@@ -5,8 +5,7 @@
     <view class="firstClassify">
         <view class="classifyBox" wx:for="{{categoryList}}" wx:key="id" data-item='{{item}}'
             bindtap="jumpChildClassify">
-            <!-- <image class="icon" src="{{item.icon}}" /> -->
-            <image bindtap="showTips" class="icon" src="/static/future.png" />
+            <image class="icon" src="{{item.icon}}" />
         </view>
         <view class="classifyBox">
             <image bindtap="showTips" class="icon" src="/static/future.png" />

pages/message/index.less

@@ -82,13 +82,14 @@
             }
 
             .infoBox {
+                height: 110rpx;
                 flex: 1;
                 display: flex;
                 align-items: center;
                 justify-content: space-between;
                 border-bottom: 1rpx solid #D8D8D8;
                 padding: 20rpx 0;
-
+                box-sizing: border-box;
                 .body {
                     flex: 1;
 

pages/message/index.skeleton.wxml

@@ -1,5 +1,5 @@
 <!--
-此文件为开发者工具生成，生成时间: 2023/3/22下午3:45:51
+此文件为开发者工具生成，生成时间: 2023/11/6上午11:33:25
 使用方法：
 在 C:\Users\efunbox\Desktop\朗读小咖秀\pages\message\index.wxml 引入模板
 
@@ -21,146 +21,170 @@
       <view class="messageList">
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-843 sk-text">橙子</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-109 sk-text">
-              423
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-423 sk-text">100511330001627</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-805 sk-text">
+                eeqweqw
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-378 sk-text">2023-07-12</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-30 sk-text">2023-03-22</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-818 sk-text">孙志雷</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-940 sk-text">
-              ？？？
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-532 sk-text">110010060117742</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-894 sk-text">
+                444555666
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-311 sk-text">2023-06-30</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-499 sk-text">2023-03-22</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-451 sk-text">100720160076060</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-380 sk-text">
-              333
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-533 sk-text">110010060117809</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-862 sk-text">
+                6666666
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-835 sk-text">2023-04-27</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-885 sk-text">2023-03-22</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-103 sk-text">100800010015534</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-705 sk-text">
-              3213
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-812 sk-text">110010060120880</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-752 sk-text">
+                44444
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-37 sk-text">2023-04-25</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-725 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-489 sk-text">110010060120880</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-691 sk-text">
-              231
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-781 sk-text">110010060118720</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-78 sk-text">
+                22222
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-235 sk-text">2023-04-23</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-479 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-864 sk-text">100800010009520</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-894 sk-text">
-              kkkkk
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver"></view>
+              <view class="info textOver sk-transparent sk-text-14-2857-679 sk-text">
+                123
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-161 sk-text">2023-04-21</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-711 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-274 sk-text">100800010017485</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-725 sk-text">
-              nnnnn
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver"></view>
+              <view class="info textOver sk-transparent sk-text-14-2857-977 sk-text">
+                1234
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-566 sk-text">2023-04-21</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-7 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-900 sk-text">100800010023493</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-540 sk-text">
-              ggg
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-519 sk-text">100800010023493</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-249 sk-text">
+                ccccc
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-276 sk-text">2023-04-21</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-309 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-783 sk-text">110010060118720</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-956 sk-text">
-              牛牛牛
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-856 sk-text">100720160076060</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-822 sk-text">
+                eeeeeeeeeeeeeeeeeee
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-766 sk-text">2023-09-20</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-617 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-422 sk-text">100800010025251</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-916 sk-text">
-              332
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver"></view>
+              <view class="info textOver sk-transparent sk-text-14-2857-54 sk-text">
+                68886
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-564 sk-text">2023-04-21</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-855 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-168 sk-text">100511330001627</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-403 sk-text">
-              嘎嘎嘎嘎给23
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-93 sk-text">100800010017485</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-29 sk-text">
+                222
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-571 sk-text">2023-04-21</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-704 sk-text">2023-03-21</view>
           </view>
         </view>
         <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
           <image class="avatar sk-image"></image>
-          <view class="body">
-            <view class="name textOver sk-transparent sk-text-14-2857-127 sk-text">小城堡</view>
-            <view class="info textOver sk-transparent sk-text-14-2857-522 sk-text">
-              32333
+          <view class="infoBox">
+            <view class="body">
+              <view class="name textOver sk-transparent sk-text-14-2857-425 sk-text">100800010015534</view>
+              <view class="info textOver sk-transparent sk-text-14-2857-513 sk-text">
+                3213
+              </view>
+            </view>
+            <view class="right">
+              <view class="date sk-transparent sk-text-14-2857-473 sk-text">2023-03-21</view>
             </view>
-          </view>
-          <view class="right">
-            <view class="date sk-transparent sk-text-14-2857-245 sk-text">2023-03-21</view>
           </view>
         </view>
       </view>

pages/message/index.skeleton.wxss

@@ -1,5 +1,5 @@
 /*
-此文件为开发者工具生成，生成时间: 2023/3/22下午3:45:51
+此文件为开发者工具生成，生成时间: 2023/11/6上午11:33:25
 
 在 C:\Users\efunbox\Desktop\朗读小咖秀\pages\message\index.wxss 中引入样式
 ```
@@ -11,10 +11,10 @@
 .sk-transparent {
     color: transparent !important;
   }
-.sk-text-14-2857-843 {
-    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-    background-size: 100% 42.0000rpx;
-    position: relative !important;
+.sk-text-25-0000-99 {
+    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: absolute !important;
   }
 .sk-text {
     background-origin: content-box !important;
@@ -23,172 +23,172 @@
     color: transparent !important;
     background-repeat: repeat-y !important;
   }
-.sk-text-14-2857-109 {
+.sk-text-14-2857-676 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-423 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-805 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-30 {
+.sk-text-14-2857-378 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-818 {
+.sk-text-14-2857-532 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-940 {
+.sk-text-14-2857-894 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-499 {
+.sk-text-14-2857-311 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-451 {
+.sk-text-14-2857-533 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-380 {
+.sk-text-14-2857-862 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-885 {
+.sk-text-14-2857-835 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-103 {
+.sk-text-14-2857-812 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-705 {
+.sk-text-14-2857-752 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-725 {
+.sk-text-14-2857-37 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-489 {
+.sk-text-14-2857-781 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-691 {
+.sk-text-14-2857-78 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-479 {
+.sk-text-14-2857-235 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-864 {
-    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-    background-size: 100% 42.0000rpx;
-    position: relative !important;
-  }
-.sk-text-14-2857-894 {
+.sk-text-14-2857-679 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-711 {
+.sk-text-14-2857-161 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-274 {
+.sk-text-14-2857-977 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-    background-size: 100% 42.0000rpx;
+    background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-7 {
+.sk-text-14-2857-566 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-900 {
+.sk-text-14-2857-519 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-540 {
+.sk-text-14-2857-249 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-309 {
+.sk-text-14-2857-276 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-783 {
+.sk-text-14-2857-856 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-956 {
+.sk-text-14-2857-822 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-617 {
+.sk-text-14-2857-766 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-422 {
-    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-    background-size: 100% 42.0000rpx;
-    position: relative !important;
-  }
-.sk-text-14-2857-916 {
+.sk-text-14-2857-54 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-855 {
+.sk-text-14-2857-564 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-168 {
+.sk-text-14-2857-93 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-403 {
+.sk-text-14-2857-29 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-704 {
+.sk-text-14-2857-571 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-127 {
+.sk-text-14-2857-425 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 42.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-522 {
+.sk-text-14-2857-513 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-245 {
+.sk-text-14-2857-473 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;

pages/message/index.wxml

@@ -27,24 +27,26 @@
                 <image src="/static/search-3.png" class="search-icon" />
             </view>
         </view>
-        <view class="base user" wx:for="{{authorityMsg.topList}}" wx:key="index" data-item='{{item}}'
-            data-top="{{true}}" bind:longpress="onLongPress" hover-class='pressHover' bindtap="jumpChat">
-            <image src="{{item.user.avatar}}" class="avatar" />
-            <view class="body">
-                <view class="name textOver">{{item.user.nickName||item.user.eid}}</view>
-                <view class="info textOver">
-                    {{item.content}}
-                </view>
-            </view>
-            <view class="right">
-                <view class="date">{{filters.formatDate(item.gmtModified,5)}}</view>
-                <view class="unread" wx:if="{{item.unReadCount>0}}">{{item.unReadCount}}</view>
-            </view>
-        </view>
         <view class="skeleton" wx:if="{{loading}}">
             <template is='skeleton'></template>
         </view>
         <block wx:else>
+            <view class="base user" wx:for="{{authorityMsg.topList}}" wx:key="index" data-item='{{item}}'
+                data-top="{{true}}" bind:longpress="onLongPress" hover-class='pressHover' bindtap="jumpChat">
+                <image src="{{item.user.avatar}}" class="avatar" />
+                <view class="infoBox">
+                    <view class="body">
+                        <view class="name textOver">{{item.user.nickName||item.user.eid}}</view>
+                        <view class="info textOver">
+                            {{item.content}}
+                        </view>
+                    </view>
+                    <view class="right">
+                        <view class="date">{{filters.formatDate(item.gmtModified,5)}}</view>
+                        <view class="unread" wx:if="{{item.unReadCount>0}}">{{item.unReadCount}}</view>
+                    </view>
+                </view>
+            </view>
             <view class="base user" wx:for="{{list}}" wx:key="index" data-item='{{item}}' data-top="{{false}}"
                 bind:longpress="onLongPress" hover-class='pressHover' bindtap="jumpChat">
                 <image src="{{item.user.avatar}}" class="avatar" />

pages/message/index.wxss

@@ -1,5 +1,5 @@
 /*
-此文件为开发者工具生成，生成时间: 2023/3/22下午3:45:51
+此文件为开发者工具生成，生成时间: 2023/11/6上午11:33:25
 
 在 C:\Users\efunbox\Desktop\朗读小咖秀\pages\message\index.wxss 中引入样式
 ```
@@ -11,10 +11,10 @@
 .sk-transparent {
   color: transparent !important;
 }
-.sk-text-14-2857-843 {
-  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-  background-size: 100% 42rpx;
-  position: relative !important;
+.sk-text-25-0000-99 {
+  background-image: linear-gradient(transparent 25%, #EEEEEE 0%, #EEEEEE 75%, transparent 0%) !important;
+  background-size: 100% 48rpx;
+  position: absolute !important;
 }
 .sk-text {
   background-origin: content-box !important;
@@ -23,172 +23,172 @@
   color: transparent !important;
   background-repeat: repeat-y !important;
 }
-.sk-text-14-2857-109 {
+.sk-text-14-2857-676 {
+  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+  background-size: 100% 44.8rpx;
+  position: relative !important;
+}
+.sk-text-14-2857-423 {
+  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+  background-size: 100% 42rpx;
+  position: relative !important;
+}
+.sk-text-14-2857-805 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-30 {
+.sk-text-14-2857-378 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-818 {
+.sk-text-14-2857-532 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-940 {
+.sk-text-14-2857-894 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-499 {
+.sk-text-14-2857-311 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-451 {
+.sk-text-14-2857-533 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-380 {
+.sk-text-14-2857-862 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-885 {
+.sk-text-14-2857-835 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-103 {
+.sk-text-14-2857-812 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-705 {
+.sk-text-14-2857-752 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-725 {
+.sk-text-14-2857-37 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-489 {
+.sk-text-14-2857-781 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-691 {
+.sk-text-14-2857-78 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-479 {
+.sk-text-14-2857-235 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-864 {
-  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-  background-size: 100% 42rpx;
-  position: relative !important;
-}
-.sk-text-14-2857-894 {
+.sk-text-14-2857-679 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-711 {
+.sk-text-14-2857-161 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-274 {
+.sk-text-14-2857-977 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-  background-size: 100% 42rpx;
+  background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-7 {
+.sk-text-14-2857-566 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-900 {
+.sk-text-14-2857-519 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-540 {
+.sk-text-14-2857-249 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-309 {
+.sk-text-14-2857-276 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-783 {
+.sk-text-14-2857-856 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-956 {
+.sk-text-14-2857-822 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-617 {
+.sk-text-14-2857-766 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-422 {
-  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
-  background-size: 100% 42rpx;
-  position: relative !important;
-}
-.sk-text-14-2857-916 {
+.sk-text-14-2857-54 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-855 {
+.sk-text-14-2857-564 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-168 {
+.sk-text-14-2857-93 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-403 {
+.sk-text-14-2857-29 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-704 {
+.sk-text-14-2857-571 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-127 {
+.sk-text-14-2857-425 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 42rpx;
   position: relative !important;
 }
-.sk-text-14-2857-522 {
+.sk-text-14-2857-513 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
 }
-.sk-text-14-2857-245 {
+.sk-text-14-2857-473 {
   background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
   background-size: 100% 33.6rpx;
   position: relative !important;
@@ -279,12 +279,14 @@
   background-color: #EEEEEE;
 }
 .messagePage .messageList .base .infoBox {
+  height: 110rpx;
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1rpx solid #D8D8D8;
   padding: 20rpx 0;
+  box-sizing: border-box;
 }
 .messagePage .messageList .base .infoBox .body {
   flex: 1;