Browse Source

修改样式

master
王饶冀 1 year ago
parent
commit
883fd87ac4
3 changed files with 20 additions and 14 deletions
  1. BIN
      images/home/header-icon.png
  2. 6
    5
      pages/index/index.wxml
  3. 14
    9
      pages/index/index.wxss

BIN
images/home/header-icon.png View File


+ 6
- 5
pages/index/index.wxml View File

@@ -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">

+ 14
- 9
pages/index/index.wxss View File

@@ -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;
}

Loading…
Cancel
Save