62 lines
1.7 KiB
Vue
62 lines
1.7 KiB
Vue
<template>
|
|
<page-meta :page-style="$theme.pageStyle">
|
|
<!-- #ifndef H5 -->
|
|
<navigation-bar
|
|
:front-color="$theme.navColor"
|
|
:background-color="$theme.navBgColor"
|
|
/>
|
|
<!-- #endif -->
|
|
</page-meta>
|
|
<view class="user">
|
|
<view v-for="(item, index) in state.pages" :key="index">
|
|
<template v-if="item.name == 'user-info'">
|
|
<w-user-info
|
|
:pageMeta="state.meta"
|
|
:content="item.content"
|
|
:styles="item.styles"
|
|
:user="userInfo"
|
|
:is-login="isLogin"
|
|
/>
|
|
</template>
|
|
<template v-if="item.name == 'my-service'">
|
|
<w-my-service :content="item.content" :styles="item.styles" />
|
|
</template>
|
|
<template v-if="item.name == 'user-banner'">
|
|
<w-user-banner :content="item.content" :styles="item.styles" />
|
|
</template>
|
|
</view>
|
|
<tabbar />
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { getDecorate } from '@/api/shop'
|
|
import { useUserStore } from '@/stores/user'
|
|
import { onShow } from '@dcloudio/uni-app'
|
|
import { storeToRefs } from 'pinia'
|
|
import { reactive } from 'vue'
|
|
const state = reactive<{
|
|
meta: any[]
|
|
pages: any[]
|
|
}>({
|
|
meta: [],
|
|
pages: []
|
|
})
|
|
const getData = async () => {
|
|
const data = await getDecorate({ id: 2 })
|
|
state.meta = JSON.parse(data.meta)
|
|
state.pages = JSON.parse(data.data)
|
|
uni.setNavigationBarTitle({
|
|
title: state.meta[0].content.title
|
|
})
|
|
}
|
|
const userStore = useUserStore()
|
|
const { userInfo, isLogin } = storeToRefs(userStore)
|
|
onShow(() => {
|
|
userStore.getUser()
|
|
})
|
|
getData()
|
|
</script>
|
|
|
|
<style></style>
|