| @@ -9,6 +9,7 @@ Page({ | |||||
| data: { | data: { | ||||
| bannerUrl: imgurl.banner.url, | bannerUrl: imgurl.banner.url, | ||||
| loadingUrl: imgurl.loading.url, | loadingUrl: imgurl.loading.url, | ||||
| nodata: imgurl.nodata.url, | |||||
| spellList: true, | spellList: true, | ||||
| myspellList: false, | myspellList: false, | ||||
| list: [], | list: [], | ||||
| @@ -20,7 +21,8 @@ Page({ | |||||
| allow_load: true, // 是否允许继续加载标识 默认 true 允许,false 加载完成 | allow_load: true, // 是否允许继续加载标识 默认 true 允许,false 加载完成 | ||||
| myorder: false, | myorder: false, | ||||
| actUrl: imgurl.act.url, | actUrl: imgurl.act.url, | ||||
| loadingUrl: imgurl.loading.url, | |||||
| loading:true, | |||||
| content:'数据正在加载中', | |||||
| flag: 'spellList', | flag: 'spellList', | ||||
| }, | }, | ||||
| onLoad: function () { | onLoad: function () { | ||||
| @@ -1,9 +1,17 @@ | |||||
| <view class='content-box'> | |||||
| <view class='content-box' style='{{"padding-bottom:"+(lists.length>0?"200rpx":"0")}}'> | |||||
| <view class='top' wx:if='{{flag=="spellList"}}'> | <view class='top' wx:if='{{flag=="spellList"}}'> | ||||
| <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false"> | <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false"> | ||||
| <c-banner wx:key="unique" list="{{list}}" /> | <c-banner wx:key="unique" list="{{list}}" /> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class='no-data01' wx:if='{{flag=="spellList"&&lists.length==0}}'> | |||||
| <image src='{{nodata}}'></image> | |||||
| <view class='no-data-text'>暂无数据</view> | |||||
| </view> | |||||
| <view class='no-data' wx:if='{{flag=="myspellList"&&lists.length==0}}'> | |||||
| <image src='{{nodata}}'></image> | |||||
| <view class='no-data-text'>暂无数据</view> | |||||
| </view> | |||||
| <view class='content' style='{{"margin-top:"+(flag=="spellList"?"320rpx":0)}}'> | <view class='content' style='{{"margin-top:"+(flag=="spellList"?"320rpx":0)}}'> | ||||
| <view class='sepll-list' wx:if='{{flag=="spellList"}}' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'> | <view class='sepll-list' wx:if='{{flag=="spellList"}}' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'> | ||||
| <view class='spell-left'> | <view class='spell-left'> | ||||
| @@ -67,4 +75,7 @@ | |||||
| <view class='bottom-left' bindtap="getSpellList" style="background:{{flag=='spellList'?'#FF7250':'#F3453A'}}">拼团商品</view> | <view class='bottom-left' bindtap="getSpellList" style="background:{{flag=='spellList'?'#FF7250':'#F3453A'}}">拼团商品</view> | ||||
| <view class='bottom-right' bindtap="getmyList" style="background:{{flag!='spellList'?'#FF7250':'#F3453A'}}">我的拼团</view> | <view class='bottom-right' bindtap="getmyList" style="background:{{flag!='spellList'?'#FF7250':'#F3453A'}}">我的拼团</view> | ||||
| </view> | </view> | ||||
| <view class="loading" wx:if="{{loading}}"> | |||||
| {{content}} | |||||
| </view> | |||||
| </view> | </view> | ||||
| @@ -11,6 +11,20 @@ page { | |||||
| height: auto; | height: auto; | ||||
| padding-bottom: 200rpx; | padding-bottom: 200rpx; | ||||
| } | } | ||||
| .loading { | |||||
| text-align: center; | |||||
| height: 80rpx; | |||||
| line-height: 80rpx; | |||||
| font-size: 26rpx; | |||||
| color: #fff; | |||||
| } | |||||
| .loading image { | |||||
| width: 60rpx; | |||||
| height: 60rpx; | |||||
| vertical-align: middle; | |||||
| margin-right: 10rpx; | |||||
| } | |||||
| .banner{ | .banner{ | ||||
| margin-bottom: 20rpx; | margin-bottom: 20rpx; | ||||
| background: none; | background: none; | ||||
| @@ -240,4 +254,42 @@ image{ | |||||
| font-weight:500; | font-weight:500; | ||||
| color:rgba(255,50,50,1); | color:rgba(255,50,50,1); | ||||
| line-height:64rpx; | line-height:64rpx; | ||||
| } | |||||
| .no-data01{ | |||||
| width: 690rpx; | |||||
| padding-top: 174rpx; | |||||
| height: calc(100vh - 460rpx); | |||||
| background: #fff; | |||||
| margin: 0 auto; | |||||
| border-radius:15rpx; | |||||
| box-sizing: border-box; | |||||
| margin-top: 320rpx; | |||||
| } | |||||
| .no-data{ | |||||
| width: 690rpx; | |||||
| padding-top: 174rpx; | |||||
| height: calc(100vh - 140rpx); | |||||
| background: #fff; | |||||
| margin: 0 auto; | |||||
| border-radius:15rpx; | |||||
| box-sizing: border-box; | |||||
| } | |||||
| .no-data01 image{ | |||||
| width: 261rpx; | |||||
| height: 272rpx; | |||||
| display: block; | |||||
| margin: 0 auto; | |||||
| } | |||||
| .no-data image{ | |||||
| width: 261rpx; | |||||
| height: 272rpx; | |||||
| display: block; | |||||
| margin: 0 auto; | |||||
| } | |||||
| .no-data-text{ | |||||
| text-align: center; | |||||
| font-size:34rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(0,0,0,1); | |||||
| } | } | ||||
| @@ -388,4 +388,8 @@ module.exports = { | |||||
| 'url': baseUrl + 'home.png', | 'url': baseUrl + 'home.png', | ||||
| 'name': '返回首页图标' | 'name': '返回首页图标' | ||||
| }, | }, | ||||
| 'nodata': { | |||||
| 'url': baseUrl + 'nodata.png', | |||||
| 'name': '拼团暂无数据' | |||||
| }, | |||||
| } | } | ||||