如何修改网页端(Html5)登录页背景图和logo

【详细修改点】

【实现步骤】
1、准备需要展示的背景图和logo图片,背景图尺寸:1533*1000 ,logo图片尺寸:260*60
2、参考如下示例代码编写前端JS插件
3、将前面准备的图片放在目录:K3Cloud\WebSite\images\biz\International\中,并根据示例代码中设置的路径对图片进行命名修改,如(logo:kd_icon_extend.webp 背景图 :kd_login_bg_extend.webp)。名字和路径可以随意更改(建议不要与系统预置图片名称一致,不然更新补丁会覆盖图片),但需要和代码设置的路径保持一致。
4、参考帖子部署插件到系统中,HTML5登录页个性化功能开发,如果是调整供应商协同背景图片,二开插件写法一致,然后参考指导帖部署二开插件到系统中,HTML5供应商协同登录页个性化功能开发
5、重启验证效果
代码示例:
(
function($) {
var customerLogin = function() {
//260*60 设置logo
var iconUrl = "url(" + KD.getImageUrlByNameAndVersion(KD.getUrlRoot() + "/images/biz/International/kd_icon_extend.webp") + ")";
$("#divTitle .loginKDLogo").css({ "background-image": iconUrl });
//1533*1000 设置背景图
var bgUrl = "url(" + KD.getImageUrlByNameAndVersion(KD.getUrlRoot() + "/images/biz/International/kd_login_bg_extend.webp") + ")";
$("#loopbanners").css({ "background-image": bgUrl });
};
var customerLoginAction = function() {
if (KD.isIndex()) {
var KDsetLoginLang = KD.setLog如何修改网页端(Html5)登录页背景图和logo
【详细修改点】【实现步骤】1、准备需要展示的背景图和logo图片,背景图尺寸:1533*1000 ,logo图片尺寸:260*602、参考如下示例代码编写...
点击下载文档文档为doc格式
声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
上一篇
已经是第一篇



