藏品室编号

src/components/asset/assetInfo.vue

@@ -10,6 +10,7 @@
         @click="click"
     >
         <van-image width="100%" height="calc(45vw - 21.6px)" :src="getImg(changeImgs(info.pic))" fit="cover" />
+        <div class="number" v-if="info.number">编号：{{ info.number }}</div>
 
         <div class="content">
             <div class="name van-ellipsis">
@@ -102,6 +103,7 @@ export default {
     display: inline-block;
     border-radius: 8px;
     overflow: hidden;
+    position: relative;
 
     .van-image {
         overflow: hidden;
@@ -177,4 +179,16 @@ export default {
         flex-shrink: 0;
     }
 }
+
+.number {
+    position: absolute;
+    top: calc(50vw - 62px);
+    left: 0;
+    right: 0;
+    font-size: 12px;
+    color: #939599;
+    line-height: 22px;
+    background-color: fade(#000, 80%);
+    padding: 0 10px;
+}
 </style>