编辑pages/_app.tsx,加入style jsx global内联样式,完整内容如下。具体控制图标的css类可以使用浏览器的F12,在元素中查看。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import '@mantine/core/styles.css'
import type { AppProps } from 'next/app'
import { MantineProvider } from '@mantine/core'
import NoSsr from '@/components/NoSsr'

export default function App({ Component, pageProps }: AppProps) {
return (
<NoSsr>
<MantineProvider defaultColorScheme="auto">
<style jsx global>{`
.Header_header__072v2 {
display: none !important;
}

`}</style>
<Component {...pageProps} />
</MantineProvider>
</NoSsr>
)
}