点击商品进入详情页，用传对象的方式

在商品列表标签处添加点击事件，传商品详情的对象

<!-- 商品列表 -->
		<view class="goodsList">									<!-- 正常情况下传的时候带id过去通过id找数据，但是这个后端没有查找功能因此传对象 -->
			<view class="goodsItem" v-for="item in cateObj.itemList" :key="item.id" @click="toDetail(item)">
				<image :src="item.listPicUrl" mode=""></image>
				<view class="goodsDesc">{{item.name}}</view>
				<view class="goodsPrice">{{item.retailPrice}}</view>
			</view>
		</view>
	</view>

toDetail（）方法，使用navigateTo方法跳转到detai页面，同时需要将商品详情对象转成字符串

toDetail(goodsItem){
				wx.navigateTo({
					url:'/pages/detail/detail?goodsItem='+JSON.stringify(goodsItem)
				})
			}
		},

detail页面接受对象

<script>
	export default {
		data() {
			return {
				goodsObj:{},//定义当前商品对象
			};
		},
		onLoad(options) {
			// console.log(JSON.parse(options.goodsItem));
			this.goodsObj=JSON.parse(options.goodsItem)//将商品字符串转回成对象
		}
	}
</script>

接下来是调整商品详情页样式