niucloud/uni-app/pages/member/index.vue

<template>
	<view>
		<u-loading-page :loading="loading" loadingText=""></u-loading-page>
		<view v-show="!loading" :style="{ backgroundColor: data.global.pageBgColor,minHeight: 'calc(100vh - 50px)' }">
			<diy-group :data="data"></diy-group>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref, reactive, computed } from 'vue'
	import { onLoad, onShow } from '@dcloudio/uni-app'
	import { getDiyInfo } from '@/api/diy'
	import useDiyStore from '@/stores/diy'
	import useMemberStore from '@/stores/member'

	const loading = ref(true);
	const diyStore = useDiyStore();

	const diyData = reactive({
		global: {},
		value: []
	})

	const data = computed(() => {
		if (diyStore.mode == 'decorate') {
			return diyStore;
		} else {
			return diyData;
		}
	})

	onLoad(option => {
		// #ifdef H5
		// 装修模式
		diyStore.mode = option.mode || '';
		if (diyStore.mode == 'decorate') {
			loading.value = false;
		}
		// #endif
	});

	onShow(() => {
		// 装修模式
		if (diyStore.mode == 'decorate') {
			diyStore.init();
		} else {
			getDiyInfo({
				name: 'DIY_MEMBER_INDEX'
			}).then((res : any) => {
				if (res.code == 200) {
					let sources = JSON.parse(res.data.value);
					diyData.global = sources.global;
					diyData.value = sources.value;
					uni.setNavigationBarTitle({
						title: diyData.global.title
					})
					loading.value = false;
				}
			});
		}
		useMemberStore().getMemberInfo()
	});
</script>

<style lang="scss" scoped></style>