fix

src/views/SellerDashboard/MyListings/main/contentItem.vue

@@ -32,7 +32,7 @@ const {} = toRefs(data);
 <template>
 	<div class="item" :draging="true" :class="domSize">
 		<div class="imgBox">
-			<img src="" alt="">
+			<img :src="item.cover" alt="">
 			<div class="maskBtn">
 				<div @click="$emit('editListing',item)">
 					<svgIcon name="seller-edit" :size="domSize == 'Small'?32:domSize == 'Medium'?40:48" />
@@ -50,21 +50,21 @@ const {} = toRefs(data);
 		</div>
 		<div class="detail">
 			<div class="left">
-				<div class="name">item name</div>
-				<div class="price">$1123</div>
+				<div class="name">{{item.title}}</div>
+				<div class="price">${{item.price}}</div>
 			</div>
 			<div class="right">
 				<div class="detailItem" v-if="type == 'listings'">
 					<div class="shopping1">
 						<i class="fi fi-rr-shopping-bag-add"></i>
 					</div>
-					<span>123</span>
+					<span>{{ item.price }}</span>
 				</div>
 				<div class="detailItem" v-if="type == 'listings'">
 					<div class="eye1">
 						<i class="fi fi-rs-eye"></i>
 					</div>
-					<span>123</span>
+					<span>{{ item.viewCount }}</span>
 				</div>
 				<div class="detailItem drafts" v-if="type == 'drafts'" @click="$emit('deleteDraft',item)">
 					<div class="">
@@ -128,6 +128,11 @@ const {} = toRefs(data);
 			position: relative;
 			height: var(--itemImgHeight);
 			width: 100%;
+			> img{
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
 			> .maskBtn{
 				position: absolute;
 				width: 100%;
@@ -182,6 +187,7 @@ const {} = toRefs(data);
 					gap: var(--detailRightItemGap);
 					flex-direction: column;
 					justify-content: space-between;
+					align-items: center;
 					> div{
 						color: var(--rightColor);
 						display: flex;