crm-app-vue3/pages/orderDetail/index.vue

<template>
	<view>
		<u-navbar placeholder :autoBack="true" v-hideNav>
			<template slot="center">
				<view class="navbar_center_wrap">
					<text class="name">{{ item }}</text>
				</view>
			</template>
		</u-navbar>
		<detail :orderId="orderId" :clueId="clueId" :params="params"></detail>
	</view>
</template>

<script>
import detail from "./page/detail.vue";
import qs from 'qs';
export default {
	components: {
		detail
	},
	onPullDownRefresh() {
		uni.stopPullDownRefresh();
		// 刷新
		uni.redirectTo({
			url: `/pages/orderDetail/index?` + qs.stringify(this.params),
		})
	},
	onLoad(option) {
		const { item, orderId, type, clueId } = option;
		this.item = item;
		this.orderId = orderId;
		this.params = option;
		this.clueId = clueId;
		uni.setNavigationBarTitle({
			title: item
		});
	},
	data() {
		return {
			item: "",
			orderId: "",
			clueId: "",
			params: {},
		}
	},
	mounted() {
	}
}
</script>

<style lang="scss" scoped>
.navbar_center_wrap {
	text-align: center;
	width: 200rpx;
	display: flex;
	flex-direction: column;
	align-items: center;

	.pinyin {
		font-size: 22rpx;
		color: #b3b3c6;
	}
}
</style>