xt / xt-ac · Commits

Go to a project

Commit 09c743694f6e117473c01f3ee19126508faa2bea

Authored by zhangyan
1 parent b3fdb611
build: skipped

no message

Inline Side-by-side
Showing 4 changed files with 42 additions and 11 deletions
1 -<view class="top-tab flex-cm bg-white fixed left top flex-lr"> 1 +<view class="top-tab flex-cm bg-white fixed left top">
2 <block wx:for="{{list}}"> 2 <block wx:for="{{list}}">
3 - <view class="black-font font30r {{item.isactive==true ? 'orange-font border-bottom' : ''}} top-tab-block flex-cm">{{item.title}}</view> 3 + <view class="font28r {{item.isactive==true ? 'white-font tab-block-active' : 'orange-font'}} top-tab-block flex-cm {{index!=2 ? 'border-right-none' : ''}}">{{item.title}}</view>
4 </block> 4 </block>
5 </view> 5 </view>
1 @import '../../app.wxss' 1 @import '../../app.wxss'
2 .top-tab{ 2 .top-tab{
3 width:100%; 3 width:100%;
4 - height:80rpx;  
5 - padding:0 40rpx; 4 + height:100rpx;
  5 + padding:0 20rpx;
  6 + padding-bottom:20rpx;
6 box-sizing:border-box; 7 box-sizing:border-box;
7 z-index:99; 8 z-index:99;
8 - border-bottom:1px solid #efeef3;  
9 } 9 }
10 .top-tab-block{ 10 .top-tab-block{
11 padding:0 24rpx; 11 padding:0 24rpx;
12 - height:76rpx;  
13 - box-sizing:border-bottom; 12 + height:60rpx;
  13 + border:1px solid #fe9401;
  14 + box-sizing:border-box;
  15 +}
  16 +.border-right-none{
  17 + border-right:0;
14 } 18 }
15 -.border-bottom{  
16 - padding-top:2px;  
17 - border-bottom:2px solid #fe9401; 19 +.tab-block-active{
  20 + background:#fe9401;
18 } 21 }
19 .search{ 22 .search{
20 height:100%; 23 height:100%;
@@ -2,6 +2,15 @@ @@ -2,6 +2,15 @@
2 <!--<view class="banner"> 2 <!--<view class="banner">
3 <image src="/pages/image/seller-detail.jpg" class="banner-img"></image> 3 <image src="/pages/image/seller-detail.jpg" class="banner-img"></image>
4 </view>--> 4 </view>-->
  5 +<view style="height:100rpx;"></view>
  6 +<!--<view class="search flex-cm">
  7 + <view class="search-con flex-cm">
  8 + <view class="search-image">
  9 + <image class="search-icon" src="/pages/image/search.svg" class="search-icon"></image>
  10 + </view>
  11 + <input placeholder-class="gray-font font28r font-siny" placeholder="请输入寄养所名称/地址" class="black-font font28r search-input"/>
  12 + </view>
  13 +</view>-->
5 <view class="seller-list"> 14 <view class="seller-list">
6 <view class="best-info-title flex-cm"> 15 <view class="best-info-title flex-cm">
7 <view class="best-line bg-black"></view> 16 <view class="best-line bg-black"></view>
  1 +.search{
  2 + width:100%;
  3 + height:120rpx;
  4 + border-bottom:1px solid #efeef3;
  5 +}
  6 +.search-con{
  7 + height:70rpx;
  8 + border:1px solid #efeef3;
  9 + margin-left:100rpx;
  10 +}
  11 +.search-icon{
  12 + width:50rpx;
  13 + height:50rpx;
  14 + margin:0 14rpx;
  15 +}
  16 +.search-input{
  17 + width:440rpx;
  18 + height:100%;
  19 +}
1 .seller-list{ 20 .seller-list{
2 - margin-top:80rpx; 21 +
3 } 22 }
4 .best-info-title{ 23 .best-info-title{
5 padding:30rpx 0; 24 padding:30rpx 0;