admin
6e51cb7d16
- Updated comments in various components, schemas, and repositories to remove references to original Dart files. - Ensured consistency in documentation while maintaining the context of the code.
31 lines
824 B
TypeScript
31 lines
824 B
TypeScript
/**
|
||
* Splash 背景图片
|
||
*
|
||
*
|
||
* `SizedBox.expand(child: Assets.images.picBgHome.image(fit: BoxFit.cover))`
|
||
* 资源: /public/images/splash/pic-bg-home.png (kebab-case 重命名后)
|
||
* 原名: pic_bg_home.png (snake_case)
|
||
*
|
||
* sizes 属性说明：
|
||
* 图片在 MobileShell 内（max-width: 500px）。
|
||
* - 视口 ≤ 500px：MobileShell = 100vw，图片 = 100vw
|
||
* - 视口 > 500px：MobileShell = 500px，图片 = 500px
|
||
*/
|
||
import Image from "next/image";
|
||
import styles from "./splash-background.module.css";
|
||
|
||
export function SplashBackground() {
|
||
return (
|
||
<div className={styles.bg}>
|
||
<Image
|
||
src="/images/splash/pic-bg-home.png"
|
||
alt=""
|
||
fill
|
||
priority
|
||
sizes="(max-width: 500px) 100vw, 500px"
|
||
className={styles.image}
|
||
/>
|
||
</div>
|
||
);
|
||
}
|