123

pages/search/index.json

-{}
\ No newline at end of file
+{
+  "usingComponents": {
+    "i-row": "/iview/row/index",
+    "i-col": "/iview/col/index"
+  }
+}
\ No newline at end of file

pages/search/index.wxml

 <!--pages/search/index.wxml-->
-<text>pages/search/index.wxml</text>
+<view class='search-wrapper'>
+  <image class="search-icon" src='/images/icon_search.png'></image>
+  <input class='search-input' placeholder='关键词如地名、游泳等'></input>
+</view>
+<i-row i-class='row-filter'>
+  <i-col span="6">
+    <view class="filter-item">
+      <text class='active'>全部项目</text>
+      <image class="search-icon" src='/images/icon-down-select.png'></image>
+    </view>
+  </i-col>
+  <i-col span="6" i-class="col-class">
+    <view class="filter-item">
+      <text>分类</text>
+      <image class="search-icon" src='/images/icon-down-select.png'></image>
+    </view>
+  </i-col>
+  <i-col span="6" i-class="col-class">
+    <view class="filter-item">
+      <text>地域</text>
+      <image class="search-icon" src='/images/icon-down-select.png'></image>
+    </view>
+  </i-col>
+  <i-col span="6" i-class="col-class">
+    <view class="filter-item">
+      <text>标签</text>
+      <image class="search-icon" src='/images/icon-down-select.png'></image>
+    </view>
+  </i-col>
+</i-row>
\ No newline at end of file

pages/search/index.wxss

-/* pages/search/index.wxss */
\ No newline at end of file
+/* pages/search/index.wxss */
+.search-wrapper{
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin: 0px 30rpx;
+  background: rgb(247, 247, 247);
+  box-sizing: border-box;
+  border: 4rpx;
+  height: 80rpx;
+  padding-left: 20rpx;
+}
+.search-icon{
+  width: 31rpx;
+  height: 31rpx;
+}
+.search-input{
+  font-size: 26rpx;
+  color: black;
+  padding-left: 10rpx;
+}
+.search-input:-moz-placeholder, .search-input:-ms-input-placeholder, .search-input::-webkit-input-placeholder{
+  color: rgb(153, 153, 153);
+}
+.row-filter{
+  padding: 36rpx 0px;
+}
+.filter-item{
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.filter-item > image{
+  width: 12rpx;
+  height: 10rpx;
+  margin-left: 12rpx;
+}
+.filter-item > text{
+  color: rgb(51, 51, 51);
+  font-size: 28rpx;
+}
+.filter-item > text.active{
+  color: rgb(43, 163, 215);
+}
\ No newline at end of file