Nextjs添加背景图像顺风

5kgi1eie  于 2022-10-22  发布在  Java
关注(0)|答案(1)|浏览(189)

所以,我有这个代码login.js:

function Login() {
return ( 
<div className="bg-deskbg">

</div>
);}
export default Login;

在tailwind.config.js中

module.exports = {
  content: ["./pages/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
  theme: {
    fontFamily: {
      "pacifico": ['Pacifico', 'cursive'],
      "righteous": ['Righteous', 'cursive'],

    },
    extend: {
      backgroundImage: {
        'deskbg' : "url('../public/bg.jpg')",
      }
    },
  },
  plugins: [],
};

我正在尝试将图像设置为bg。jpg作为背景图像,但它不起作用,我该怎么办。

vdzxcuhz

vdzxcuhz1#

我对下一个标题中的图标有类似的问题,请尝试使用此

const getImageUrl = (logo: string): string => {
  return new URL(`/src/assets/logos/${example}`, import.meta.url).toString();
};

相关问题