rate.vue 627 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view class="box">
  3. <image v-for="v in value" :style="{width:size+'px',height:size+'px'}" src="/static/convenienceService/light-start.png" mode=""></image>
  4. <image v-for="k in (5-value)" :style="{width:size+'px',height:size+'px'}" src="/static/convenienceService/start.png" mode=""></image>
  5. </view>
  6. </template>
  7. <script>
  8. export default{
  9. data(){
  10. return{
  11. nowArr:[]
  12. }
  13. },
  14. props:{
  15. size:{
  16. type:Number|String,
  17. default:15
  18. },
  19. value:{
  20. type:Number|String,
  21. default:4
  22. }
  23. },
  24. watch:{
  25. },
  26. }
  27. </script>
  28. <style lang="scss">
  29. .box{
  30. image{
  31. margin-right: 10rpx;
  32. }
  33. }
  34. </style>