logo

JTBC5.0默认模板banner图片更换方法

2025-02-19 点击 12

JTBC5.0默认模板banner图片是通过css添加在背景中的。

所以,如果要修改,需要替换旧图片或上传新图片同时修改css文件。

默认模板banner图片位置:

/public/common/assets/package/images/banner.svg

默认模板banner图片CSS引用文件位置:

/public/common/assets/package/css/home.css

css代码:

banner {
  display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 50vh; min-height: 360px; max-height: 720px; background: url(../images/banner.svg) center center no-repeat; background-size: cover
}


其中代码

background: url(../images/banner.svg)

就是引用的图片banner.svg

我们只需替换这张图片或者修改css代码调用新图片即可。

新图片上传位置:

/public/common/assets/package/images/

这样,我们就可以修改默认模板banner图片了。

效果

0%