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({
navBar: [{ name: '招募榜', type: 1, isActive: true }, { name: '门店榜单', type: 2, isActive: false }],
current : 1,
staff : [],
store : []
store : [],
rankList:[],
storeList:[]
},
/**
......@@ -41,12 +43,9 @@ wxService.page({
const { result, data } = res.data
if (result == 0) {
wx.hideLoading()
// data && data.skuVOList.forEach(item=>{
// item.checked = false
// })
// this.setData({
// cartList: data && data.skuVOList || []
// })
this.setData({
rankList: data || []
})
}
}
})
......@@ -61,12 +60,9 @@ wxService.page({
const { result, data } = res.data
if (result == 0) {
wx.hideLoading()
// data && data.skuVOList.forEach(item=>{
// item.checked = false
// })
// this.setData({
// cartList: data && data.skuVOList || []
// })
this.setData({
storeList: data || []
})
}
}
})
......
src/shoppingGuid/page/pages/home/home.wxml
......@@ -2,124 +2,83 @@
<!-- 导购首页 -->
<view class='main-container'>
<!-- top -->
<view class='top-icons'>
<view class='icon-item'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_qrcode.png' mode='aspectFit'></image>
<view class='icon-title'>招募码</view>
</view>
<view class='icon-item' bindtap='onTapToMall'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_go_mall.png' mode='aspectFit'></image>
<view class='icon-title'>前往商城</view>
</view>
<view class='icon-item'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_member.png' mode='aspectFit'></image>
<view class='icon-title'>会员</view>
</view>
</view>
<!--招募榜 -->
<view class='header-tab'>
<view class='header-tab-item'
wx:for="{{navBar}}"
wx:key="topbar"
wx:for-index="idx"
bindtap='onTopBarTap'
data-index="{{idx}}"
data-item="{{item}}"
wx:for-item="item">
<view class='item-text {{item.isActive ? "active" : ""}}'>{{item.name}}</view>
</view>
</view>
<view class='list-container'>
<!-- 招募榜 -->
<view class='list' wx:if="{{current == 1}}">
<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>1394585xxxx</text>
</view>
<view class='rg'>已招募<text>34</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>1394585xxxx</text>
</view>
<view class='rg'>已招募<text>34</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>1394585xxxx</text>
</view>
<view class='rg'>已招募<text>34</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>1394585xxxx</text>
</view>
<view class='rg'>已招募<text>34</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>1394585xxxx</text>
</view>
<view class='rg'>已招募<text>34</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>1394585xxxx</text>
</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>
<!-- top -->
<view class='top-icons'>
<view class='icon-item'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_qrcode.png' mode='aspectFit' />
<view class='icon-title'>招募码</view>
</view>
<view class='icon-item' bindtap='onTapToMall'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_go_mall.png' mode='aspectFit' />
<view class='icon-title'>前往商城</view>
</view>
<view class='icon-item'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_member.png' mode='aspectFit' />
<view class='icon-title'>会员</view>
</view>
</view>
<!--招募榜 -->
<view class='header-tab'>
<view
class='header-tab-item'
wx:for="{{navBar}}"
wx:key="topbar"
wx:for-index="idx"
bindtap='onTopBarTap'
data-index="{{idx}}"
data-item="{{item}}"
wx:for-item="item"
>
<view class='item-text {{item.isActive ? "active" : ""}}'>{{item.name}}</view>
</view>
</view>
<view class='list-container'>
<!-- 招募榜 -->
<view class='list' wx:if="{{current == 1}}">
<view class='title'>
<image src='/assets/imgs/shoppingGuide/home_top20.png' mode='widthFix' />
</view>
<view class='table-list' wx:if="{{rankList.length}}">
<block wx:for="{{rankList}}" wx:key="{{index}}" wx:for-item="item">
<view class='table-list-item'>
<view class='lf'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit' />
<text>1394585xxxx</text>
</view>
<view class='rg'>已招募
<text>34</text>
人
</view>
</view>
</block>
</view>
<view class="no-list" wx:else>暂无榜单</view>
</view>
<!-- 门店榜单 -->
<view class='list' wx:if="{{current == 2}}">
<view class='title'>
<image src='/assets/imgs/shoppingGuide/home_top20.png' mode='widthFix' />
</view>
<view class='table-list' wx:if="{{storeList.length}}">
<block wx:for="{{storeList}}" wx:key="{{index}}" wx:for-item="item">
<view class='table-list-item'>
<view class='lf'>
<image src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/home_default_logo.png' mode='aspectFit' />
<text>龙阳店</text>
</view>
<view class='rg'>已招募
<text>389</text>
人
</view>
</view>
</block>
</view>
<view class="no-list" wx:else>暂无榜单</view>
</view>
</view>
</view>
<!-- 整体布局 -->
<!-- tabbar -->
<tab-bar index="{{0}}"></tab-bar>
<tab-bar index="{{0}}" />
src/shoppingGuid/page/pages/home/home.wxss
......@@ -9,7 +9,12 @@ page{
/* *,*::after,*::before{
box-sizing: border-box;
} */
.no-list {
font-size: 24rpx;
text-align: center;
color: #333333;
padding: 50rpx 0;
}
view{
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