Skip to content

7
7-Eleven
Commit 8d0eb54b by 高淑倩
Options

首页

parent 190d04f7
Showing with 91 additions and 131 deletions
src/shoppingGuid/page/pages/home/home.js
...@@ -9,7 +9,9 @@ wxService.page({ ...@@ -9,7 +9,9 @@ wxService.page({
navBar: [{ name: '招募榜', type: 1, isActive: true }, { name: '门店榜单', type: 2, isActive: false }], navBar: [{ name: '招募榜', type: 1, isActive: true }, { name: '门店榜单', type: 2, isActive: false }],
current : 1, current : 1,
staff : [], staff : [],
store : [] store : [],
rankList:[],
storeList:[]
}, },
/** /**
...@@ -41,12 +43,9 @@ wxService.page({ ...@@ -41,12 +43,9 @@ wxService.page({
const { result, data } = res.data const { result, data } = res.data
if (result == 0) { if (result == 0) {
wx.hideLoading() wx.hideLoading()
// data && data.skuVOList.forEach(item=>{ this.setData({
// item.checked = false rankList: data || []
// }) })
// this.setData({
// cartList: data && data.skuVOList || []
// })
} }
} }
}) })
...@@ -61,12 +60,9 @@ wxService.page({ ...@@ -61,12 +60,9 @@ wxService.page({
const { result, data } = res.data const { result, data } = res.data
if (result == 0) { if (result == 0) {
wx.hideLoading() wx.hideLoading()
// data && data.skuVOList.forEach(item=>{ this.setData({
// item.checked = false storeList: data || []
// }) })
// this.setData({
// cartList: data && data.skuVOList || []
// })
} }
} }
}) })
......
src/shoppingGuid/page/pages/home/home.wxml
...@@ -2,124 +2,83 @@ ...@@ -2,124 +2,83 @@
<!-- 导购首页 --> <!-- 导购首页 -->
<view class='main-container'> <view class='main-container'>
<!-- top --> <!-- top -->
<view class='top-icons'> <view class='top-icons'>
<view class='icon-item'> <view class='icon-item'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_qrcode.png' mode='aspectFit'></image> <image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_qrcode.png' mode='aspectFit' />
<view class='icon-title'>招募码</view> <view class='icon-title'>招募码</view>
</view> </view>
<view class='icon-item' bindtap='onTapToMall'> <view class='icon-item' bindtap='onTapToMall'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_go_mall.png' mode='aspectFit'></image> <image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_go_mall.png' mode='aspectFit' />
<view class='icon-title'>前往商城</view> <view class='icon-title'>前往商城</view>
</view> </view>
<view class='icon-item'> <view class='icon-item'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_member.png' mode='aspectFit'></image> <image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_member.png' mode='aspectFit' />
<view class='icon-title'>会员</view> <view class='icon-title'>会员</view>
</view> </view>
</view> </view>
<!--招募榜 --> <!--招募榜 -->
<view class='header-tab'> <view class='header-tab'>
<view class='header-tab-item' <view
wx:for="{{navBar}}" class='header-tab-item'
wx:key="topbar" wx:for="{{navBar}}"
wx:for-index="idx" wx:key="topbar"
bindtap='onTopBarTap' wx:for-index="idx"
data-index="{{idx}}" bindtap='onTopBarTap'
data-item="{{item}}" data-index="{{idx}}"
wx:for-item="item"> data-item="{{item}}"
<view class='item-text {{item.isActive ? "active" : ""}}'>{{item.name}}</view> wx:for-item="item"
</view> >
</view> <view class='item-text {{item.isActive ? "active" : ""}}'>{{item.name}}</view>
<view class='list-container'> </view>
<!-- 招募榜 --> </view>
<view class='list' wx:if="{{current == 1}}"> <view class='list-container'>
<view class='title'> <!-- 招募榜 -->
<image src='/assets/imgs/shoppingGuide/home_top20.png' mode='widthFix'></image> <view class='list' wx:if="{{current == 1}}">
</view> <view class='title'>
<view class='table-list'> <image src='/assets/imgs/shoppingGuide/home_top20.png' mode='widthFix' />
<view class='table-list-item'> </view>
<view class='lf'> <view class='table-list' wx:if="{{rankList.length}}">
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image> <block wx:for="{{rankList}}" wx:key="{{index}}" wx:for-item="item">
<text>1394585xxxx</text> <view class='table-list-item'>
</view> <view class='lf'>
<view class='rg'>已招募<text>34</text>人</view> <image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit' />
</view> <text>1394585xxxx</text>
<view class='table-list-item'> </view>
<view class='lf'> <view class='rg'>已招募
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image> <text>34</text>
<text>1394585xxxx</text> 人
</view> </view>
<view class='rg'>已招募<text>34</text>人</view> </view>
</view> </block>
<view class='table-list-item'> </view>
<view class='lf'> <view class="no-list" wx:else>暂无榜单</view>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image> </view>
<text>1394585xxxx</text> <!-- 门店榜单 -->
</view> <view class='list' wx:if="{{current == 2}}">
<view class='rg'>已招募<text>34</text>人</view> <view class='title'>
</view> <image src='/assets/imgs/shoppingGuide/home_top20.png' mode='widthFix' />
<view class='table-list-item'> </view>
<view class='lf'> <view class='table-list' wx:if="{{storeList.length}}">
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image> <block wx:for="{{storeList}}" wx:key="{{index}}" wx:for-item="item">
<text>1394585xxxx</text> <view class='table-list-item'>
</view> <view class='lf'>
<view class='rg'>已招募<text>34</text>人</view> <image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit' />
</view> <text>龙阳店</text>
<view class='table-list-item'> </view>
<view class='lf'> <view class='rg'>已招募
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image> <text>389</text>
<text>1394585xxxx</text> 人
</view> </view>
<view class='rg'>已招募<text>34</text>人</view> </view>
</view> </block>
<view class='table-list-item'> </view>
<view class='lf'> <view class="no-list" wx:else>暂无榜单</view>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image> </view>
<text>1394585xxxx</text> </view>
</view>
<view class='rg'>已招募<text>34</text>人</view>
</view>
</view>
</view>
<!-- 门店榜单 -->
<view class='list' wx:if="{{current == 2}}">
<view class='title'>
<image src='/assets/imgs/shoppingGuide/home_top20.png' mode='widthFix'></image>
</view>
<view class='table-list'>
<view class='table-list-item'>
<view class='lf'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image>
<text>张江店</text>
</view>
<view class='rg'>已招募<text>560</text>人</view>
</view>
<view class='table-list-item'>
<view class='lf'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image>
<text>浦东一店</text>
</view>
<view class='rg'>已招募<text>460</text>人</view>
</view>
<view class='table-list-item'>
<view class='lf'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image>
<text>世纪大道店</text>
</view>
<view class='rg'>已招募<text>500</text>人</view>
</view>
<view class='table-list-item'>
<view class='lf'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit'></image>
<text>龙阳店</text>
</view>
<view class='rg'>已招募<text>389</text>人</view>
</view>
</view>
</view>
</view>
</view> </view>
<!-- 整体布局 --> <!-- 整体布局 -->
<!-- tabbar --> <!-- tabbar -->
<tab-bar index="{{0}}"></tab-bar> <tab-bar index="{{0}}" />
src/shoppingGuid/page/pages/home/home.wxss
...@@ -9,7 +9,12 @@ page{ ...@@ -9,7 +9,12 @@ page{
/* *,*::after,*::before{ /* *,*::after,*::before{
box-sizing: border-box; box-sizing: border-box;
} */ } */
.no-list {
font-size: 24rpx;
text-align: center;
color: #333333;
padding: 50rpx 0;
}
view{ view{
box-sizing: border-box; box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment