lxwx_front/pages/my/collection.vue

<template>
<view class="editInfo">
	<view class="status_bar"><!-- <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>״̬<EFBFBD><EFBFBD> --></view>
	<u-navbar height="50" :autoBack="true">
		<view
			class="u-nav-slot"
			slot="left"
		>
			<u-icon
				name="arrow-left"
				size="19"
			></u-icon>
			<view class="title">
				我的收藏
			</view>
		</view>
	</u-navbar>
	<view class="editInfoContent">
		<view class="lookItem" @click="godetails(item)" v-for="(item,index) in list" :key="index">
			{{item.wxcategory.name}}
		</view>
	</view>
	
</view>
</template>

<script>
import {collectRecord} from '@/common/api.js'
export default{
	data(){
		return{
			list:[]
		}
	},
	methods:{
		godetails(item){
			uni.navigateTo({
				// url:'/pages/detail/detail?id='+item.id
				url:'/pages/detail/detail?id='+item.wx_category_id
			})
		},
		collectRecord(){
			collectRecord({ custom: { auth: true }}).then(res=>{
				this.list = res.rows
			})
		}
	},
	onLoad(option) {
		this.collectRecord()
	}
}
</script>

<style lang="scss" scoped>
.u-nav-slot{
	display: flex;
	align-items: center;
	.title{
		font-size: 36upx;
		color: #222222;
	}
}
.editInfoContent{
	margin-top:60px;
	.lookItem{
		font-size: 30upx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		padding:29upx 22upx;
		background-color: #ffffff;
		margin-bottom:20upx;
	}
}
</style>