完成订单相关UI

src/components/Avatar.vue

@@ -16,6 +16,10 @@ defineProps({
     type: Number,
     default: 0,
   },
+  size: {
+    type: Number,
+    default: 45,
+  },
 });
 </script>
 
@@ -46,7 +50,11 @@ defineProps({
       class="avatar-rank"
     />
     <view v-if="rank > 3" class="rank-view">{{ rank }}</view>
-    <image :src="src" mode="widthFix" />
+    <image
+      :src="src"
+      mode="widthFix"
+      :style="{ width: size + 'px', height: size + 'px' }"
+    />
   </view>
 </template>
 
@@ -79,8 +87,6 @@ defineProps({
   border-bottom-right-radius: 50%;
 }
 .avatar > image:last-child {
-  width: 45px;
-  height: 45px;
   border-radius: 50%;
   border: 1px solid #fff;
 }