pic without next/Image

This commit is contained in:
tangly1024
2023-03-12 22:43:50 +08:00
parent b9144b8df8
commit 124d12c7cd
4 changed files with 20 additions and 16 deletions

View File

@@ -1,4 +1,4 @@
import Image from 'next/image'
// import Image from 'next/image'
import { useEffect, useState } from 'react'
import Typed from 'typed.js'
import CONFIG_HEXO from '../config_hexo'
@@ -59,11 +59,13 @@ const Header = props => {
className="w-full h-screen bg-black text-white relative"
>
<div className='w-full h-full'>
<Image src={siteInfo.pageCover} fill
{/* <Image src={siteInfo.pageCover} fill
style={{ objectFit: 'cover' }}
className='opacity-70'
placeholder='blur'
blurDataURL='/bg_image.jpg' />
blurDataURL='/bg_image.jpg' /> */}
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={siteInfo.pageCover} className='h-full w-full object-cover opacity-70 ' />
</div>
<div className="absolute bottom-0 flex flex-col h-full items-center justify-center w-full ">