Files
mp-10550/src/components/Header.tsx
2025-06-26 11:41:12 +08:00

32 lines
762 B
TypeScript

import {NavBar} from '@nutui/nutui-react-taro'
import {ArrowLeft} from '@nutui/icons-react-taro'
import Taro from '@tarojs/taro'
function Header(props) {
return (
<>
<NavBar
style={{
background: 'url(https://oss.wsdns.cn/20250413/defb52abb1414429930ae2727d2b8ff6.png)',
backgroundSize: 'cover',
color: '#fff',
}}
onBackClick={() => {
}}
back={
<>
<div className={'flex items-center'} onClick={() => Taro.navigateBack()}>
<ArrowLeft size={14}/>
</div>
</>
}
>
<span className={'text-white'}>{props?.title || '标题'}</span>
</NavBar>
</>
)
}
export default Header;