8.14.对接评分接口对壁纸进行滑动提交打分

1.渲染数据

				<view class="box" @click="clickScore">
					<uni-icons type="star" size="23"></uni-icons>
					<view class="text">{{currentInfo.score}}分</view>
				</view>

2.编写并调用接口

2.1编写，调用后端的接口，这是前端接口

//为壁纸评分
export const apiSetupScore = (data = {}) => {
	return request({
		url: '/setupScore',
		method: 'GET',
		data
	})
}

2.2调用，先导入，这里特别注意的是参数的结构

	import {
		apiSetupScore
	} from '@/api/indexs.js'
	//确认评分
	const submitScore = async () => {
		let {
			classid,
			_id: wallId
		} = currentInfo.value;
		let res = await apiSetupScore({
			classid,
			wallId,
			userScore: userScore.value
		});
		console.log(res);
		//这里没使用data，且===
		if (res.errCode === 0) {
			//显示消息框
			uni.showToast({
				title: "评分成功",
				icon: "none"
			})
		}
		//关闭弹窗
		clickScoreClose();

	}

2.3评分后清零，关闭弹窗实现

	const clickScoreClose = () => {
		scorePopup.value.close();
		//关闭后分值清零。
		userScore.value = 0;
	}

3.效果