library懒加载

src/views/Workshop/creation/creation-list.vue

@@ -30,7 +30,7 @@
 	const onLoad = () => {
 		loading.value = true
 		const http = visitRecordId.value ? getTryOnEffectFavoriteList : getTryOnEffectStyleList
-		const id = visitRecordId.value || generateStore.visitRecordId;
+		const id = visitRecordId.value || generateStore.visitRecordId
 		http(id)
 			.then((data) => {
 				data?.forEach((v) => {
@@ -155,7 +155,7 @@
 		<div class="list">
 			<my-list v-model:loading="loading" v-model:finish="finish" @load="onLoad">
 				<div class="item" v-for="(v, i) in list" :key="i" @click="onItem(v)">
-					<img :src="v.tryOnUrl" />
+					<img v-lazy="v.tryOnUrl" />
 					<div class="corner">
 						<div class="ai" v-if="v.isRegenerated">Gen-AI</div>
 						<div class="tryon" v-else>Try-on</div>
@@ -234,6 +234,7 @@
 						width: 100%;
 						height: 100%;
 						object-fit: contain;
+						border-radius: var(--border-radius);
 					}
 					> .corner {
 						position: absolute;