Showing
2 changed files
with
55 additions
and
10 deletions
| @@ -58,12 +58,22 @@ | @@ -58,12 +58,22 @@ | ||
| 58 | </swiper-item> | 58 | </swiper-item> |
| 59 | </block> | 59 | </block> |
| 60 | </swiper> | 60 | </swiper> |
| 61 | - <view class="empty-txt flex-vc">{{hasGetSellersEnd?'附近无可订餐厅,建议切换其他区域':''}}</view> | 61 | + <view class="empty-txt flex-vc"> |
| 62 | + <view class="seller" wx:if="{{hasGetSellersEnd}}"> | ||
| 63 | + <view class="empty"> | ||
| 64 | + <view class="info"> | ||
| 65 | + <view class="info-msg Semibold">拖动地图发现更多商户</view> | ||
| 66 | + <view class="info-txt">往任意方向拖动地图,可搜索不同范围</view> | ||
| 67 | + </view> | ||
| 68 | + <view class="icon"></view> | ||
| 69 | + </view> | ||
| 70 | + </view> | ||
| 71 | + </view> | ||
| 62 | </view> | 72 | </view> |
| 63 | </view> | 73 | </view> |
| 64 | </view> | 74 | </view> |
| 65 | <cover-view bindtap="moveToLocation" class="moveToLocation"> | 75 | <cover-view bindtap="moveToLocation" class="moveToLocation"> |
| 66 | - <cover-image src="http://qn.colorcun.com/custom/lite-yd/image/location.png"></cover-image> | 76 | + <cover-image src="http://qn.colorcun.com/reserve/images/golocal.png"></cover-image> |
| 67 | </cover-view> | 77 | </cover-view> |
| 68 | <getpos bindpos="onpos" id="getpos"></getpos> | 78 | <getpos bindpos="onpos" id="getpos"></getpos> |
| 69 | <seller-box id="seller-box" bindevent="sellerBoxEvent"></seller-box> | 79 | <seller-box id="seller-box" bindevent="sellerBoxEvent"></seller-box> |
| @@ -17,16 +17,13 @@ | @@ -17,16 +17,13 @@ | ||
| 17 | .moveToLocation{ | 17 | .moveToLocation{ |
| 18 | position: fixed; | 18 | position: fixed; |
| 19 | bottom: 454rpx; | 19 | bottom: 454rpx; |
| 20 | - right: 20rpx; | ||
| 21 | - width: 50rpx; | ||
| 22 | - height: 50rpx; | ||
| 23 | - border-radius: 10rpx; | ||
| 24 | - background-color: #fefefe; | ||
| 25 | - padding: 10rpx; | 20 | + left: 20rpx; |
| 21 | + width: 62rpx; | ||
| 22 | + height: 62rpx; | ||
| 26 | } | 23 | } |
| 27 | .moveToLocation cover-image{ | 24 | .moveToLocation cover-image{ |
| 28 | - width: 50rpx; | ||
| 29 | - height: 50rpx; | 25 | + width: 62rpx; |
| 26 | + height: 62rpx; | ||
| 30 | } | 27 | } |
| 31 | 28 | ||
| 32 | .transverse-view{ | 29 | .transverse-view{ |
| @@ -60,6 +57,44 @@ | @@ -60,6 +57,44 @@ | ||
| 60 | width: 96%; | 57 | width: 96%; |
| 61 | margin: 16rpx auto 0; | 58 | margin: 16rpx auto 0; |
| 62 | } | 59 | } |
| 60 | +.transverse-list .seller .empty{ | ||
| 61 | + height: 300rpx; | ||
| 62 | + overflow: hidden; | ||
| 63 | + color: #353535; | ||
| 64 | + width: 96%; | ||
| 65 | + border: 2rpx solid #E0E0E0; | ||
| 66 | + border-left: 6rpx solid #F05522; | ||
| 67 | + border-radius: 6rpx; | ||
| 68 | + box-shadow: 0 4rpx 8rpx 0 #E0E0E0; | ||
| 69 | + position: relative; | ||
| 70 | + margin: 20rpx auto 0; | ||
| 71 | +} | ||
| 72 | +.seller .empty .info{ | ||
| 73 | + height: 124rpx; | ||
| 74 | + font-size: 28rpx; | ||
| 75 | + margin-left: 34rpx; | ||
| 76 | + margin-top: 88rpx; | ||
| 77 | +} | ||
| 78 | +.seller .empty .info .info-msg{ | ||
| 79 | + font-size: 32rpx; | ||
| 80 | + color:#F05522; | ||
| 81 | + margin-bottom: 40rpx; | ||
| 82 | + height: 44rpx; | ||
| 83 | + line-height: 44rpx; | ||
| 84 | +} | ||
| 85 | +.info-txt{ | ||
| 86 | + line-height: 40rpx; | ||
| 87 | + height: 40rpx; | ||
| 88 | +} | ||
| 89 | +.seller .empty .icon{ | ||
| 90 | + background-image: url("http://qn.colorcun.com/reserve/images/%E7%A7%BB%E5%8A%A8%E5%9C%B0%E5%9B%BE.png"); | ||
| 91 | + background-size: 100% 100%; | ||
| 92 | + width: 116rpx; | ||
| 93 | + height: 88rpx; | ||
| 94 | + position: absolute; | ||
| 95 | + top:40rpx; | ||
| 96 | + right:68rpx; | ||
| 97 | +} | ||
| 63 | 98 | ||
| 64 | .picker{ | 99 | .picker{ |
| 65 | border-radius: 30rpx; | 100 | border-radius: 30rpx; |
-
Please register or login to post a comment