图片展示

src/views/badge/record.vue

@@ -19,9 +19,11 @@
                 <div class="record-image-item-shadow"></div>
               </block>
               <div v-else-if="item.status == 0 || item.reason" class="record-image-item-loading">
+                <div style="font-size: 12px;color: #999;text-align: center;">ID: {{ item.id }}</div>
                 <div style="width: 70%;font-size: 12px;">{{ item.reason || '设计中' }}</div>
               </div>
               <div v-else-if="item.status == 2 || item.reason" class="record-image-item-loading">
+                <div style="font-size: 12px;color: #999;text-align: center;">ID: {{ item.id }}</div>
                 <div style="width: 70%;font-size: 12px;">{{ item.reason || '设计失败' }}</div>
               </div>
             </div>
@@ -180,7 +182,7 @@ onUnmounted(() => {
   left: 0;
   width: 100%;
   height: 100%;
-  border-radius: 50%;
+  /* border-radius: 50%; */
   object-fit: cover;
 }
 
@@ -192,7 +194,7 @@ onUnmounted(() => {
   height: 100%;
   object-fit: cover;
   box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5), inset -2px -2px 4px rgba(0, 0, 0, 0.2);
-  border-radius: 50%;
+  /* border-radius: 50%; */
 }
 
 .record-image-item-loading {
@@ -204,8 +206,9 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: column;
   background: #f5f5f5;
-  border-radius: 50%;
+  /* border-radius: 50%; */
   font-size: 16px;
   color: #999;
   text-align: center;