工作250:uniapp--实战--flex布局--星级评分
生活随笔
收集整理的這篇文章主要介紹了
工作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>
運行結果
總結
以上是生活随笔為你收集整理的工作250:uniapp--实战--flex布局--星级评分的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 深入浅出 MFC_华中理 工_简体版电子
- 下一篇： c语言数据结构课程设计算术表达式求值,《