book-shop/pages-mall/pages/evaluate/list.vue

<template>
	<view class="page">
		<view class="evaluate-list">
			<EvaluateCard
				:data="evaluate"
				v-for="(evaluate, evaluateIndex) in evaluateData"
				:key="evaluateIndex"
				:showBorderBottom="evaluateIndex != evaluateData.length - 1"
			></EvaluateCard>
		</view>
	</view>
</template>

<script>
import EvaluateCard from '@/pages-mall/components/evaluate-card.vue';
export default {
	components: {
		EvaluateCard
	},
	data() {
		return {
			evaluateData: [
				{ star: 4, content: '非常好用!会推荐给家人', date: '2022-01-12', userName: '演示用户', pics: ['http://sdyy.apicloud-system.com/images2/img/imgThree.png'] },
				{ star: 4, content: '非常好用!会推荐给家人', date: '2022-01-12', userName: '演示用户', pics: ['http://sdyy.apicloud-system.com/images2/img/imgThree.png'] }
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.evaluate-list {
	background-color: $app-theme-bg-color;
	padding: 0 30rpx 0rpx 30rpx;
}
</style>