@@ -3,8 +3,7 @@ | |||
<!-- 搜索块 --> | |||
<view class="search-view"> | |||
<view class="serach-input-view"> | |||
<image class="hhr-img fl" src="/images/home/hhr-icon.png" /> | |||
<view class="input-box fl"> | |||
<view class="input-box"> | |||
<input class="weui-serach-input" value="{{ keyword }}" bindinput="bindKeyInput" bindconfirm="toSearch" confirm-type="search" placeholder="请输入关键字搜索" placeholder-class="phcolor"></input> | |||
</view> | |||
<view class="search-img-view" bindtap="toSearch"> | |||
@@ -12,13 +11,15 @@ | |||
</view> | |||
</view> | |||
<view class="title"> | |||
全方位需求 | |||
<text class="sub-title">交流平台</text> | |||
全方位需求交流平台 | |||
</view> | |||
<button type="default" plain class="set-attention" id="shouquan" bindtap="setAttention"> | |||
设置关注类型喜好 >> | |||
</button> | |||
<image class="header-img" src="/images/home/header-icon.png" /> | |||
<view class="header-img"> | |||
<image class="header-icon" src="/images/home/header-icon.png" /> | |||
</view> | |||
</view> | |||
<!-- tab块 --> | |||
<view class="tab-view"> |
@@ -15,10 +15,15 @@ | |||
} | |||
.search-view .header-img { | |||
position: absolute; | |||
width: 249rpx; | |||
height: 231rpx; | |||
top: 78rpx; | |||
right: 46rpx; | |||
width: 290rpx; | |||
height: 110rpx; | |||
top: 145rpx; | |||
right: 45rpx; | |||
} | |||
.search-view .header-img .header-icon{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.serach-input-view { | |||
position: relative; | |||
@@ -33,7 +38,7 @@ | |||
} | |||
.search-view .input-box { | |||
width: calc(100% - 100rpx); | |||
width: calc(100% - 20rpx); | |||
margin-left: 20rpx; | |||
} | |||
.search-view .weui-serach-input { | |||
@@ -49,7 +54,7 @@ | |||
.search-view .search-img-view { | |||
position: absolute; | |||
right: 52rpx; | |||
right: 32rpx; | |||
top: 0rpx; | |||
z-index: 666; | |||
width: 40rpx; | |||
@@ -80,10 +85,10 @@ | |||
} | |||
.search-view .set-attention { | |||
margin-top: -4rpx; | |||
margin-top: 0rpx; | |||
padding-left: 40rpx; | |||
font-size: 24rpx; | |||
color: #556fb5 !important; | |||
font-size: 26rpx; | |||
color: #797E9B !important; | |||
box-sizing: border-box; | |||
text-align: left; | |||
} |