<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;padding: 24rpx 0 0 30rpx;"><text style="font-size: 30rpx;color: #999999;">點贊加分:10</text><text style="margin-left: 138rpx;font-size: 30rpx;color: #999999;">點贊次數:10</text></view><view style="display: flex;padding: 24rpx 0 0 30rpx;"><text style="font-size: 30rpx;color: #999999;">點贊加分:10</text><text style="margin-left: 138rpx;font-size: 30rpx;color: #999999;">點贊次數:10</text><text style="margin-left: 138rpx;font-size: 30rpx;color: #999999;">點贊次數:10</text></view></view></view> </template><script>export default {data() {return {value: '',type: 'text',border: true,count: 5,}},methods: {}} </script> <style></style>

運行結果

總結

以上是生活随笔為你收集整理的工作247:uniapp--实战--flex布局--商户星级的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。