改版

pages/index/index.less

@@ -30,7 +30,7 @@
         .searchBox {
             margin: 10rpx auto 0;
             width: 412rpx;
-            height: 60rpx;
+            padding: 12rpx 0;
             background: #F2F6FC;
             border-radius: 27rpx;
             display: flex;

pages/index/index.wxss

@@ -28,7 +28,7 @@
 .recommend .firstClassify .searchBox {
   margin: 10rpx auto 0;
   width: 412rpx;
-  height: 60rpx;
+  padding: 12rpx 0;
   background: #F2F6FC;
   border-radius: 27rpx;
   display: flex;

pages/message/index.less

@@ -3,28 +3,7 @@
 .messagePage {
     overflow: hidden;
     padding-top: 55rpx;
-    /*   .input {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background-color: white;
-        font-size: 28rpx;
-        margin: 30rpx 30rpx 10rpx;
-        padding: 16rpx 30rpx;
-        border-radius: 50rpx;
-
-        .searchBtn {
-            padding: 4rpx 44rpx;
-            background: #00C657;
-            border-radius: 40rpx;
-
-            .img {
-                width: 24rpx;
-                height: 24rpx;
-            }
-        }
-    } */
-
+ 
     .messageList {
         padding: 0rpx 25rpx 250rpx;
         box-sizing: border-box;
@@ -69,6 +48,24 @@
                 }
             }
 
+            .searchBox {
+                margin: 30rpx auto 0;
+                width: 504rpx;
+                padding: 12rpx;
+                background: #F2F6FC;
+                border-radius: 27rpx;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 27rpx;
+                color: #666666;
+
+                .search-icon {
+                    margin-left: 22rpx;
+                    width: 30rpx;
+                    height: 27rpx;
+                }
+            }
         }
 
         .base {

pages/message/index.wxml

@@ -2,12 +2,6 @@
 <navigationBar></navigationBar>
 <import src="./index.skeleton" />
 <view class="messagePage">
-    <!--  <view class="input" bindtap="setSearch">
-        查找朋友（昵称/学号/手机号）
-        <view class="searchBtn">
-            <image src="/static/search-2.png" class="img" />
-        </view>
-    </view> -->
     <view class="messageList">
         <view class="fixed">
             <view class="inletBox">
@@ -28,6 +22,10 @@
                     <view class="unread" wx:if="{{authorityMsg.messageCount>0}}">{{authorityMsg.messageCount}}</view>
                 </view>
             </view>
+            <view class="searchBox" bindtap="setSearch">
+                查找朋友（昵称/学号/手机号）
+                <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">

pages/message/index.wxss

@@ -208,27 +208,6 @@
 .messagePage {
   overflow: hidden;
   padding-top: 55rpx;
-  /*   .input {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background-color: white;
-        font-size: 28rpx;
-        margin: 30rpx 30rpx 10rpx;
-        padding: 16rpx 30rpx;
-        border-radius: 50rpx;
-
-        .searchBtn {
-            padding: 4rpx 44rpx;
-            background: #00C657;
-            border-radius: 40rpx;
-
-            .img {
-                width: 24rpx;
-                height: 24rpx;
-            }
-        }
-    } */
 }
 .messagePage .messageList {
   padding: 0rpx 25rpx 250rpx;
@@ -270,6 +249,23 @@
   text-align: center;
   background-color: #FF0000;
 }
+.messagePage .messageList .fixed .searchBox {
+  margin: 30rpx auto 0;
+  width: 504rpx;
+  padding: 12rpx;
+  background: #F2F6FC;
+  border-radius: 27rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 27rpx;
+  color: #666666;
+}
+.messagePage .messageList .fixed .searchBox .search-icon {
+  margin-left: 22rpx;
+  width: 30rpx;
+  height: 27rpx;
+}
 .messagePage .messageList .base {
   display: flex;
   align-items: center;