34 lines
1.1 KiB
Vue
34 lines
1.1 KiB
Vue
<template>
|
|
<div class="tab-index">
|
|
<custom-title class="title-block" :title="accTitleList.find(x=>x.value===acc).title" :isBack="false">
|
|
</custom-title>
|
|
<uni-transition :show="acc===0" ref="ani" custom-class="transition" :mode-class="['fade', 'slide-left']">
|
|
<home/>
|
|
</uni-transition>
|
|
<uni-transition :show="acc===1" ref="ani" custom-class="transition" :mode-class="['fade', 'slide-right']">
|
|
<mine />
|
|
</uni-transition>
|
|
<self-tabbar v-model="acc"></self-tabbar>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import home from '../home/index.vue'
|
|
import mine from '../mine/index.vue'
|
|
import selfTabbar from '../../components/self-tabbar/index.vue'
|
|
import {ref} from "vue";
|
|
import {onLoad} from "@dcloudio/uni-app";
|
|
onLoad((option)=>{
|
|
if (typeof option.acc==='string'){
|
|
acc.value=Number(option.acc)
|
|
}
|
|
})
|
|
const accTitleList=[{title:'首都博物馆东馆',value:0},{title:'智慧门票',value:1}]
|
|
const acc=ref(0)
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.tab-index{
|
|
background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
|
|
background-size: 100%;
|
|
}
|
|
</style>
|