xt / xcx-book · Commits

Go to a project

Commit 5687be3c6ec6241636cdce9d6192bf51be3a6fb2

Authored by wangfan
1 parent 146b7fdb
build: skipped

golist

Inline Side-by-side
Showing 3 changed files with 103 additions and 19 deletions
... ... @@ -7,7 +7,7 @@ import reddot from '../../utils/reddot';
import PubSub from '../../utils/PubSub'
const {regeneratorRuntime} = global
const mapScale=15//18;
const transverseViewHeight=232;
const transverseViewHeight=235;
const renNum=function(){
let arr=[]
for(let i=1;i<=30;i++){
... ... @@ -146,10 +146,10 @@ Page({
if(reg.test(systemInfo.system)){
pt = systemInfo.statusBarHeight;
h = 44;
this.transverseViewHeight=transverseViewHeight+30;
//this.transverseViewHeight=transverseViewHeight+30;
}else{
if(/xiaomi/i.test(systemInfo.brand)){
this.transverseViewHeight=transverseViewHeight+15;
//this.transverseViewHeight=transverseViewHeight+15;
}else{
//this.transverseViewHeight=transverseViewHeight+20;
}
... ...
... ... @@ -30,6 +30,7 @@
</cover-view>
</formids>
</view>
<!--
<view class="transverse-view">
<view class="flex-vc transverse-view-top" bindtap="listShow">
<view class="line"></view>
... ... @@ -97,6 +98,74 @@
</view>
</view>
</view>
-->
<view class="seller-view">
<view class="flex-vc transverse-view-top" bindtap="listShow">
<view class="line"></view>
<view class="text">
<text wx:if="{{hasGetSellersEnd}}">{{hasSellers?'查看其它':'已扩大范围为你找到'}}{{listMoreCount}}家餐厅</text>
</view>
</view>
<view class="transverse-search flex-ll">
<view
bindtap="caixiShow"
class="tags {{multiIndex[0]>0?'active':''}}"
>
<view class="picker flex-lr">
<view class="input">
<block wx:if="{{multiIndex[0]==0}}">菜系</block>
<block wx:else="">{{multiArray[0][multiIndex[0]]}}</block>
</view>
<view class="more"></view>
</view>
</view>
<block wx:for="{{tags}}" wx:key="tags.key">
<view class="tags {{item.active?'active':''}}"
bindtap="tagsChange"
data-id="{{item.id}}">{{item.name}}</view>
</block>
</view>
<view class="transverse-list">
<swiper
indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
interval="2000" duration="500"
previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"
current="{{current}}" bindchange="bindtransition" hidden="{{!hasSellers}}">
<block wx:for="{{markers}}" wx:key="markers.key" wx:if="{{item.id!='location'}}">
<swiper-item bindtap="gotoDetail" data-sid="{{item.id}}" wx:if="{{item.display!='none'}}">
<view class="seller" id="seller-{{item.id}}">
<sb-tr seller="{{item.seller}}" hasActivityTags="{{true}}"></sb-tr>
</view>
</swiper-item>
</block>
<swiper-item bindtap="gotoDetail2" wx:if="{{hasGetSellersEnd}}">
<view class="seller seller-last" id="seller-last">
<view class="empty">
<view class="info">
<view class="info-msg Semibold">缩放地图发现更多餐厅</view>
<view class="info-txt">往任意方向拖动地图，可搜索不同范围</view>
</view>
<view class="icon"></view>
</view>
</view>
</swiper-item>
</swiper>
<view class="empty-txt flex-vc">
<view class="seller" wx:if="{{hasGetSellersEnd}}">
<view class="empty" bindtap="listShow">
<view class="info">
<view class="info-msg Semibold">已扩大范围为你找到餐厅</view>
<view class="info-txt">当前范围没有找到符合条件的餐厅</view>
<view class="info-button flex-lr">
去挑选
<view class="info-button-gt"></view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<cover-view bindtap="moveToLocation" class="moveToLocation">
<cover-image src="http://qn.colorcun.com/reserve/images/golocal.png"></cover-image>
... ...
/* pages/reservr/index.wxss */
page{
background-color: #efefef;
}
.pages{
width: 100%;
margin: 0 0 0;
... ... @@ -16,7 +19,7 @@
}
.moveToLocation{
position: fixed;
bottom: 504rpx;
bottom: 520rpx;
left: 20rpx;
width: 62rpx;
height: 62rpx;
... ... @@ -34,24 +37,14 @@
overflow: hidden;
}
.transverse-search{
background-color: #fefefe;
height: 60rpx;
width: 90%;
margin: 0 auto;
padding-top: 20rpx;
font-size: 24rpx;
padding-left: 40rpx;
}
.transverse-list{
background-color: #fefefe;
/*height: 264rpx;*/
width: 100%;
}
.transverse-list .seller{
width: 96%;
margin: 16rpx auto 0;
width: 98%;
margin: 0 auto;
}
.transverse-list .seller .empty{
height: 300rpx;
... ... @@ -65,7 +58,7 @@
position: relative;
}
.transverse-list .seller-last .empty{
width: 100%;
width: 99%;
}
.seller .empty .info{
height: 124rpx;
... ... @@ -180,7 +173,8 @@
background-image: url("http://qn.colorcun.com/reserve/images/empty-seller.png");
background-size: 100% 100%;
border-left-width: 0;
margin: 20rpx auto 0;
margin: 0 auto;
width: 90%;
}
.empty-txt .seller .empty .info{
margin-top: 52rpx;
... ... @@ -230,8 +224,22 @@
font-weight: 900;
}
/* seller-view start*/
.seller-view{
height: 470rpx;
position:fixed;
bottom: 0;
width: 100%;
background-color: #fefefe;
border-radius: 20rpx 20rpx 0 0;
box-shadow: -4rpx 0 4rpx 2rpx #C5C1C1;
overflow: hidden;
}
.transverse-view-top{
height: 60rpx;
height: 58rpx;
overflow: hidden;
background-color:#FFFFFF;
}
.transverse-view-top .line{
height: 6rpx;
... ... @@ -245,4 +253,11 @@
font-size: 24rpx;
color: #999999;
margin-top: 4rpx;
}
.transverse-search{
background-color: #fefefe;
height: 90rpx;
font-size: 24rpx;
padding-left: 40rpx;
line-height: 90rpx;
}
\ No newline at end of file
... ...