share_h5/components/rate.vue

<template>
	<view class="box">
		<image v-for="v in value" :style="{width:size+'px',height:size+'px'}" src="/static/light-start.png" mode=""></image>
		<image v-for="k in (5-value)"  :style="{width:size+'px',height:size+'px'}" src="/static/start.png" mode=""></image>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				nowArr:[]
			}
		},
		props:{
			size:{
				type:Number|String,
				default:15
			},
			value:{
				type:Number|String,
				default:4
			}
		},
		watch:{
		},
	}
</script>

<style lang="scss">
	.box{
		image{
			margin-right: 10rpx;
		}
	}
</style>