62 lines
1.6 KiB
Vue
62 lines
1.6 KiB
Vue
<template>
|
|
<view class="content">
|
|
<u-tabbar :value="value4"
|
|
@change="change"
|
|
:fixed="true"
|
|
:border="false"
|
|
:placeholder="false"
|
|
activeColor="#40BE94"
|
|
:safeAreaInsetBottom="true">
|
|
<u-tabbar-item text="场馆">
|
|
<image style="width: 52rpx;height: 52rpx"
|
|
class="u-page__item__slot-icon"
|
|
slot="active-icon"
|
|
src="../../static/zu618@3x (1).png"></image>
|
|
<image style="width: 52rpx;height: 52rpx"
|
|
class="u-page__item__slot-icon"
|
|
slot="inactive-icon"
|
|
src="../../static/zu759@3x.png"></image>
|
|
</u-tabbar-item>
|
|
<u-tabbar-item text="我的">
|
|
<image style="width: 52rpx;height: 52rpx"
|
|
class="u-page__item__slot-icon"
|
|
slot="active-icon"
|
|
src="../../static/zu760@3x.png"></image>
|
|
<image style="width: 52rpx;height: 52rpx"
|
|
class="u-page__item__slot-icon"
|
|
slot="inactive-icon"
|
|
src="../../static/zu628@3x (1).png"></image>
|
|
</u-tabbar-item>
|
|
</u-tabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
title: 'Hello',
|
|
value4: 0,
|
|
}
|
|
},
|
|
onLoad () {
|
|
|
|
},
|
|
methods: {
|
|
change (name) {
|
|
if (name === 0) {
|
|
uni.switchTab({
|
|
url: '/pages/ticket/index'
|
|
});
|
|
} else if (name === 1) {
|
|
uni.switchTab({
|
|
url: '/pages/my/my'
|
|
});
|
|
}
|
|
|
|
this.value4 = name
|
|
}
|
|
}
|
|
}
|
|
</script>
|