30 lines
1006 B
Vue
30 lines
1006 B
Vue
<template>
|
|
<div class="tab-index">
|
|
<custom-title class="title-block" :title="accTitleList.find(x=>x.value===acc).title" :isBack="false">
|
|
</custom-title>
|
|
<div class="ld ld-float-ltr-in" v-show="acc===0"><home /></div>
|
|
<div v-show="acc===1" class="ld ld-float-rtl-in"><mine /></div>
|
|
<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>
|