Selaa lähdekoodia

修改样式

master
王饶冀 1 vuosi sitten
vanhempi
commit
883fd87ac4
3 muutettua tiedostoa jossa 20 lisäystä ja 14 poistoa
  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 Näytä tiedosto


+ 6
- 5
pages/index/index.wxml Näytä tiedosto

<!-- 搜索块 --> <!-- 搜索块 -->
<view class="search-view"> <view class="search-view">
<view class="serach-input-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> <input class="weui-serach-input" value="{{ keyword }}" bindinput="bindKeyInput" bindconfirm="toSearch" confirm-type="search" placeholder="请输入关键字搜索" placeholder-class="phcolor"></input>
</view> </view>
<view class="search-img-view" bindtap="toSearch"> <view class="search-img-view" bindtap="toSearch">
</view> </view>
</view> </view>
<view class="title"> <view class="title">
全方位需求
<text class="sub-title">交流平台</text>
全方位需求交流平台
</view> </view>
<button type="default" plain class="set-attention" id="shouquan" bindtap="setAttention"> <button type="default" plain class="set-attention" id="shouquan" bindtap="setAttention">
设置关注类型喜好 >> 设置关注类型喜好 >>
</button> </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> </view>
<!-- tab块 --> <!-- tab块 -->
<view class="tab-view"> <view class="tab-view">

+ 14
- 9
pages/index/index.wxss Näytä tiedosto

} }
.search-view .header-img { .search-view .header-img {
position: absolute; 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 { .serach-input-view {
position: relative; position: relative;
} }


.search-view .input-box { .search-view .input-box {
width: calc(100% - 100rpx);
width: calc(100% - 20rpx);
margin-left: 20rpx; margin-left: 20rpx;
} }
.search-view .weui-serach-input { .search-view .weui-serach-input {


.search-view .search-img-view { .search-view .search-img-view {
position: absolute; position: absolute;
right: 52rpx;
right: 32rpx;
top: 0rpx; top: 0rpx;
z-index: 666; z-index: 666;
width: 40rpx; width: 40rpx;
} }


.search-view .set-attention { .search-view .set-attention {
margin-top: -4rpx;
margin-top: 0rpx;
padding-left: 40rpx; padding-left: 40rpx;
font-size: 24rpx;
color: #556fb5 !important;
font-size: 26rpx;
color: #797E9B !important;
box-sizing: border-box; box-sizing: border-box;
text-align: left; text-align: left;
} }

Loading…
Peruuta
Tallenna