修改首页搜索框样式

pages/index/index.css

@@ -9,7 +9,7 @@
 	position: relative;
 	/* flex: 1; */
 	border-radius: 50rpx;
-	margin: 0 20rpx;
+	/* margin: 0 20rpx; */
 }
 
 .hot-word-scroll {
@@ -77,7 +77,6 @@ page {
 	justify-content: space-around;
 	padding: 20rpx 0;
 	margin: 20rpx -20rpx 0 -20rpx;
-
 	background-color: #f7f6fb;
 }
 
@@ -121,7 +120,7 @@ page {
 	display: flex;
 	box-sizing: border-box;
 	align-items: center;
-	padding-right: 30rpx;
+	padding: 0 30rpx;
 	font-size: 26rpx;
 }
 

pages/index/index.vue

@@ -37,6 +37,8 @@
       <!-- 搜索框 -->
       <view class="search2" v-if="isShowSearch">
         <view class="searchBox2">
+          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+            mode="aspectFill"></image>
           <view class="hot-word-container">
             <view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'rpx)' }">
               <view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
@@ -45,9 +47,7 @@
               </view>
             </view>
           </view>
-          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+          <input class="search_input" placeholder='请输入内容' confirm-type='search' @input="searchInput"
-            mode="aspectFill"></image>
-          <input class="search_input" placeholder='输入搜索的社区名称' confirm-type='search' @input="searchInput"
             @confirm="searchInput" :value="selectKeyWord" />
         </view>
       </view>