搜索框修改

pages/report/report.vue

@@ -7,8 +7,10 @@
 		  <view class="avatar" @click="goUser">
 			<image style="width:100%;height:100%;border-radius: 50%" :src="userInfo.head_img_url" mode="aspectFill"/>
 		  </view>
-        <van-icon custom-class="search-icon" name="search" size="24px" @click="goSearch" />
-        <view class="text">FICC研报</view>
+      <view class="search-box" @click="goSearch">
+         <van-icon custom-class="search-icon" name="search" size="20px" />
+         搜索
+      </view>
       </view>
     </view>
     <!-- swiper -->
@@ -380,7 +382,7 @@ export default {
     height: 100%;
     .search-icon{
       position: absolute;
-      left: 134rpx;
+      left: 25rpx;
       top: 50%;
       transform: translateY(-50%);
     }
@@ -394,7 +396,21 @@ export default {
 		transform: translateY(-50%);
 	}
   }
-  
+  .search-box {
+    position: absolute;
+    left: 110rpx;
+    top: 50%;
+    transform: translate(0,-50%);
+    width: 422rpx;
+    height: 64rpx;
+    font-size: 28rpx;
+    line-height: 64rpx;
+    padding: 0 80rpx;
+    border-radius: 100rpx;
+    background-color: #f2f2f2;
+    color: #999999;
+    
+  }
 }
 </style>