优化Gallery页面滚动加载和布局,调整菜单项命名,添加Apps页面,更新依赖声明
This commit is contained in:
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div class="image-container">
|
||||
<div class="image-container flex justify-center items-center">
|
||||
<n-image ref="lazyRef" class="lazy__img" :src="url" @load="handleLoad" @error="handleError">
|
||||
<template #placeholder>
|
||||
<img :src="loading" alt="loading" />
|
||||
<img width="400" :src="loading" alt="loading" />
|
||||
</template>
|
||||
<template #error>
|
||||
<img :src="errorImg" alt="error" />
|
||||
@ -62,7 +62,7 @@ onMounted(() => {
|
||||
|
||||
.lazy__img img[alt="loading"],
|
||||
.lazy__img img[alt="error"] {
|
||||
width: 48px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 1em;
|
||||
margin: 0 auto;
|
||||
|
||||
Reference in New Issue
Block a user