2021-01-22 19:47:58 +08:00

197 lines
4.1 KiB
Plaintext

<style lang="less">
.header {
width: 100%;
height: 536rpx;
z-index: -10;
}
.tab-bar-icon {
width: 30px;
height: 20px;
}
page {
background-color: #F5F6F7;
}
</style>
<wxs module="m1" lang="babel">
const getTime = (time) => {
let date = getDate(time);
let hour = date.getHours();
let mins = date.getMinutes();
let sec = date.getSeconds();
let milli = date.getMilliseconds();
return `${hour}:${mins}:${sec}.${milli}`;
}
module.exports.getTime = getTime;
</wxs>
<template>
<van-tabbar v-if="hotSwitch" active="{{ pageIndex }}" bind:change="onChange" fixed active-color="#AC1630">
<van-tabbar-item>
<image
slot="icon"
:src="imageDefine.TAP_BAR_ICON1_OFF"
mode="aspectFit"
class="tab-bar-icon"
/>
<image
slot="icon-active"
:src="imageDefine.TAP_BAR_ICON1_ON"
mode="aspectFit"
class="tab-bar-icon"
/>
首页
</van-tabbar-item>
<van-tabbar-item>
<image
slot="icon"
:src="imageDefine.TAP_BAR_ICON2_OFF"
mode="aspectFit"
class="tab-bar-icon"
/>
<image
slot="icon-active"
:src="imageDefine.TAP_BAR_ICON2_ON"
mode="aspectFit"
class="tab-bar-icon"
/>
福利购
</van-tabbar-item>
<van-tabbar-item>
<image
slot="icon"
:src="imageDefine.TAP_BAR_ICON3_OFF"
mode="aspectFit"
class="tab-bar-icon"
/>
<image
slot="icon-active"
:src="imageDefine.TAP_BAR_ICON3_ON"
mode="aspectFit"
class="tab-bar-icon"
/>
紫环会
</van-tabbar-item>
<van-tabbar-item>
<image
slot="icon"
:src="imageDefine.TAP_BAR_ICON4_OFF"
mode="aspectFit"
class="tab-bar-icon"
/>
<image
slot="icon-active"
:src="imageDefine.TAP_BAR_ICON4_ON"
mode="aspectFit"
class="tab-bar-icon"
/>
我的
</van-tabbar-item>
</van-tabbar>
<mall-home v-if="pageIndex === 0" @changeTab="changeTab" />
<mall-shopping v-else-if="pageIndex === 1" />
<mall-bbs v-else-if="pageIndex === 2" @changeTab="changeTab" />
<mall-my v-else-if="pageIndex === 3" />
<dialog-registration />
<van-dialog id="van-dialog" />
</template>
<script>
import wepy from '@wepy/core'
import store from '@/store'
import { mapState, mapActions } from '@wepy/x'
import userApis from '../../apis/userApis'
import appManager from '../../appManager'
import eventHub from '../../common/eventHub'
import defaultMix from '../../mixins/defaultMix'
import mallApis from '../../apis/mallApis'
wepy.page({
store,
hooks: {},
mixins: [defaultMix],
data: {
pageIndex: 0
},
computed: {
...mapState({
'imageDefine': state => state.imageDefine,
'user': state => state.user,
'hotSwitch': state => state.hotSwitch
})
},
methods: {
...mapActions([
'setUserAction',
'setOpenidAction'
]),
handleViewTap() {
console.log('handleVieTap clicked')
},
tap() {
},
onChange(event) {
if (!this.user.token) {
eventHub.$emit('onShowDialogRegist')
return
}
this.pageIndex = event.$wx.detail
},
callAppLaunch() {
},
changeTab(index) {
this.pageIndex = index
},
async init() {
wx.showLoading({ title: '正在连接...', mask: true })
const r = await mallApis.getHotSwitch()
if (r && r.code === 200) {
store.state.hotSwitch = r.data
wx.hideLoading()
appManager.login()
return
}
await this.init()
}
},
ready() {
wx.getSystemInfo({
success (res) {
store.state.statusBarHeight = res.statusBarHeight
}
})
this.init()
// eventHub.$emit('onShowDialogRegist')
// appManager.login()
},
onShow() {
}
})
</script>
<config>
{
navigationBarTitleText: '',
usingComponents: {
'mall-home': '../../components/mall/tab/mall-home',
'mall-shopping': '../../components/mall/tab/mall-shopping',
'mall-bbs': '../../components/mall/tab/mall-bbs',
'mall-my': '../../components/mall/tab/mall-my',
'dialog-registration': '../../components/user/dialog-registration'
}
}
</config>