uniProject/pages/chanpinShop/cp1/intro.vue

<template>
	<view>
		<view class="icon-title-navBar-box">
			<view class="nav-bar-icon" @click="handleBack"></view>
			<text class="nav-bar-title">商品详情</text>
		</view>
		<view>
			<image :src="imageUrl" alt=""></image>
		</view>
		<view>
			<view @click="fenxiang">分享</view>
			<view @click="handleStudy">立即报名学习</view>
		</view>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import {
		onLoad,
		onShow
	} from "@dcloudio/uni-app"
	import * as shopHttp from "@/api/shop.js"
  import {getAppCp1Info} from "../../../api/shop";
	
	const imageUrl = ref(null);

	onLoad(() => {
		initPage()
	})

	function initPage() {
		shopHttp.getAppCp1Info().then(res => {
			imageUrl.value = res.data.image;
		})
	}
	
	function fenxiang() {}
	function handleStudy() {
		uni.navigateTo({
			url: '/pages/chanpinShop/cp1/dingdan'
		})
	}
	
	function handleBack() {
		uni.navigateBack()
	}
</script>

<style>

</style>