志愿者首页

pages/common/rankingList/index.vue

@@ -13,7 +13,7 @@
             <view class="ranking-list-item-header">
               <view class="ranking-list-item-title">{{ item.businessName }}</view>
               <view class="ranking-list-item-rating">
-                <image src="@/static/img/容器@1x (3).png" mode="widthFix" class="star-icon"></image>
+                <view class="score-icons"><image src="@/static/img/容器@1x (3).png" mode="widthFix" class="star-icon" v-for="item in new Array(Number(item.score ))" :key="item"></image></view>
                 <text class="score-text">{{ item.score }}星</text>
               </view>
             </view>
@@ -78,7 +78,9 @@ onMounted(() => {
     color: rgba(0, 0, 0, 0.8);
   }
 }
-
+.score-icons {
+  display: flex;
+}
 .ranking-list {
   min-height: 500rpx ;
   .ranking-list-item {

pages/index.vue

@@ -36,7 +36,7 @@
         </view>
       </view>
 
-
+      <Order v-if="userType === 2"/>
 
       <view class="home-ranking" :class="{ 'no-margin': userType === 2 }">
         <ServIces :leftList="leftList" :rightList="rightList" :ValueZoneSwiper="ValueZoneSwiper" v-if="userType == 1">
@@ -59,6 +59,7 @@
 import { ref, reactive, onMounted } from 'vue'
 import { onShow, onReachBottom, onUnload, onPageScroll } from '@dcloudio/uni-app'
 import RankingList from '@/pages/common/rankingList/index.vue'
+import Order from '@/pages/common/order/index.vue'
 import ServIces from '@/components/Services/services.vue'
 import { Client } from '@/components/Client/new_file.vue'
 import { volunteerinfolist, systemConfig } from '@/api/volunteerDetailsApi/details.js'