Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

evaluate-equity-item.vue 3.4KB

před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
před 1 rokem
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!-- 权益评价列表 Item -->
  2. <template>
  3. <view class="item-box" v-for="(item,index) in dataList" :key="index">
  4. <view class="top as-layout-horizontal as-gravity-center-start">
  5. <view class="as-layout-horizontal as-gravity-center-start">
  6. <image :src="`${$imgUrl}order/icon-star-green.png`"></image>
  7. <text>{{item.equityName}}</text>
  8. </view>
  9. <view class="time">{{item.insertTime}}</view>
  10. </view>
  11. <view class="center">
  12. <!-- <view class="as-layout-horizontal as-gravity-center-start">
  13. <image :src="`${$imgUrl}user/icon-avatar.png`" class="avatar"></image>
  14. <text>{{item.customerName}}</text>
  15. </view> -->
  16. <view class="content">{{item.suggestion}}</view>
  17. <view class="images">
  18. <image class="img" mode="aspectFill" v-for="(itemChild,index) in item.pictureUrlArr" :src="itemChild"
  19. :key="index" />
  20. <!-- <image class="img" mode="aspectFill" :src="`${$imgUrl}${item.pictureUrl}`" /> -->
  21. </view>
  22. </view>
  23. <view class="bottom">
  24. <view class="text good" v-if="item.evaluate === '好评'">好评</view>
  25. <view class="text middle" v-if="item.evaluate === '中评'">中评</view>
  26. <view class="text bad" v-if="item.evaluate === '差评'">差评</view>
  27. <view class="score">{{item.score}}分</view>
  28. </view>
  29. </view>
  30. </template>
  31. <script setup lang="ts">
  32. defineProps({
  33. //数据列表
  34. dataList: {
  35. type: Array,
  36. default: () => {
  37. return [];
  38. }
  39. }
  40. })
  41. </script>
  42. <style lang="scss" scoped>
  43. .item-box {
  44. background: #ffffff;
  45. box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(223, 223, 223, 0.8);
  46. border-radius: 20rpx;
  47. margin-bottom: 30rpx;
  48. .top {
  49. min-height: 88rpx;
  50. padding: 0rpx 30rpx;
  51. border-bottom: 1rpx solid #DCDCDC;
  52. display: flex;
  53. justify-content: flex-end;
  54. image {
  55. width: 48rpx;
  56. height: 53rpx;
  57. }
  58. text {
  59. margin-left: 12rpx;
  60. font-size: 30rpx;
  61. font-family: Noto Sans S Chinese;
  62. font-weight: 400;
  63. color: #333333;
  64. }
  65. .time {
  66. font-size: 26rpx;
  67. color: #999999;
  68. text-align: right;
  69. }
  70. }
  71. .center {
  72. padding: 28rpx 30rpx;
  73. border-bottom: 1rpx solid #DCDCDC;
  74. .avatar {
  75. width: 50rpx;
  76. height: 50rpx;
  77. background: #B2EEE1;
  78. border-radius: 50%;
  79. }
  80. text {
  81. font-size: 26rpx;
  82. font-size: 26rpx;
  83. font-family: Noto Sans S Chinese;
  84. font-weight: 400;
  85. color: #333333;
  86. margin-left: 22rpx;
  87. }
  88. .content {
  89. font-size: 26rpx;
  90. font-family: Noto Sans S Chinese;
  91. font-weight: 400;
  92. color: #333333;
  93. line-height: 46rpx;
  94. margin-top: 30rpx;
  95. }
  96. .images {
  97. margin-top: 40rpx;
  98. display: flex;
  99. flex-direction: row;
  100. flex-wrap: wrap;
  101. margin-right: -30rpx;
  102. margin-bottom: -30rpx;
  103. .img {
  104. width: 130rpx;
  105. height: 130rpx;
  106. margin-right: 30rpx;
  107. background: #F3F3F3;
  108. border-radius: 10rpx;
  109. margin-bottom: 30rpx;
  110. }
  111. }
  112. }
  113. .bottom {
  114. padding: 15rpx 30rpx;
  115. text-align: right;
  116. display: flex;
  117. justify-content: flex-end;
  118. align-items: center;
  119. .text {
  120. width: 97rpx;
  121. height: 36rpx;
  122. line-height: 36rpx;
  123. border-radius: 18rpx;
  124. font-size: 26rpx;
  125. text-align: center;
  126. }
  127. .good {
  128. background: #FBD9D0;
  129. color: #DD523E;
  130. }
  131. .middle {
  132. background: #FBECD0;
  133. color: #FF9600;
  134. }
  135. .bad {
  136. background: #E1E1E1;
  137. color: #999999;
  138. }
  139. .score {
  140. font-size: 26rpx;
  141. font-family: Noto Sans S Chinese;
  142. font-weight: 400;
  143. color: #333333;
  144. margin-left: 17rpx;
  145. }
  146. }
  147. }
  148. </style>