工作250:uniapp--實戰--flex佈局--星級評分

<template>
	<view >
		<view v-for="(item,index) in 5">
		<view  style="display: flex;padding: 24rpx 0 0 30rpx;">
				<text style="font-size: 30rpx;color: #333333;">001-祝菲</text>
				<text style="margin-left:94rpx;font-size: 30rpx;color: #333333;">合計加分:100</text>
				<u-rate :count="count" v-model="value" style="margin-left:94rpx;font-size: 30rpx;color: #333333;"></u-rate>
		</view>
		<view style="display: flex;flex-wrap: wrap;padding: 30rpx 0 0 30rpx;">
				<text style="font-size: 24rpx;color: #999999;">點贊加分:10</text>
				<text style="margin-left: 108rpx;font-size: 24rpx;color: #999999;">點贊次數:10</text>
		</view>
		<view style="display: flex;;flex-wrap: wrap;padding: 10rpx 0 0 30rpx;">
				<text style="font-size: 24rpx;color: #999999;">投訴加分:10</text>
				<text style="margin-left: 108rpx;font-size: 24rpx;color: #999999;">投訴次數:10</text>
				<text style="margin-left: 108rpx;font-size: 24rpx;color: #999999;">市場評分:10</text>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				type: 'text',
				border: true,
				count: 5,
			}
		},
		methods: {
		
		}
	}
</script>
<style>

</style>

運行結果