火鸟门户底部提示下载APP修改方法_火鸟修改底部提示APP的教程

///火鸟门户修改底部APP提示的方法

///零起步创业工作室旗下海码站提供撰写修改

///如有转发的请备注，来源海码站谢谢

修改方法一

****找到目录 /static/js/core/touchScale.js

///没有修改过的代码

/修复底部回复框被遮挡****/

//2020-9-21 详情页底部增加下载app按钮

if(typeof JubaoConfig != “undefined” && typeof cfg_appinfo != “undefined”){

  //非app 非小程序if((device.indexOf('huoniao') < 0) && !(window.__wxjs_environment == 'miniprogram')){if(!$.cookie('downloadAppTips')){$('body').append('<div class="downLoadBottom fn-clear">\n' +'    <div class="downLeft fn-clear"> \n'  +'      <i class="closeDownload"></i> \n'  +'      <div class="downloadLogo"><img src="'+cfg_appinfo.logo+'" alt=""></div> \n' +'      <div class="downloadInfo">\n' +'          <h2 class="downloadTit">'+cfg_appinfo.name+'</h2>\n' +'          <p class="downloadTip">'+cfg_appinfo.subtitle+'</p>\n' +'      </div>\n' +'     </div>\n' +'     <a href="'+masterDomain+'/mobile.html" class="downLoadBtn">'+langData['siteConfig'][6][216]+'</a>\n' +  //立即打开'</div>');}}$('body').delegate('.closeDownload','click',function(){$('.downLoadBottom').fadeOut();$.cookie('downloadAppTips', 1, {expires: 1});})
}

///修改好的代码

/**********************修复底部回复框被遮挡**************************/

//2020-9-21 详情页底部增加下载app按钮

//if(typeof JubaoConfig != "undefined" && typeof cfg_appinfo != "undefined"){//非app 非小程序//  if((device.indexOf('huoniao') < 0) && !(window.__wxjs_environment == 'miniprogram')){//   if(!$.cookie('downloadAppTips')){//        $('body').append('<div class="downLoadBottom fn-clear">\n' +//        '    <div class="downLeft fn-clear"> \n'  +//        '      <i class="closeDownload"></i> \n'  +//        '      <div class="downloadLogo"><img src="'+cfg_appinfo.logo+'" alt=""></div> \n' +//        '      <div class="downloadInfo">\n' +//        '          <h2 class="downloadTit">'+cfg_appinfo.name+'</h2>\n' +//        '          <p class="downloadTip">'+cfg_appinfo.subtitle+'</p>\n' +//        '      </div>\n' +//        '     </div>\n' +//        '     <a href="'+masterDomain+'/mobile.html" class="downLoadBtn">'+langData['siteConfig'][6][216]+'</a>\n' +  //立即打开//       '</div>');//  }//  }//  $('body').delegate('.closeDownload','click',function(){//   $('.downLoadBottom').fadeOut();// $.cookie('downloadAppTips', 1, {expires: 1});//  })//}

继续找到;/static/css/core/touchBase.css

///没有修改过的代码一般情况是在419行左右

/底部下载app按钮/
.downLoadBottom{background: #fff;position: fixed;bottom: 0;left: 0;right: 0;
box-shadow: 0px -5px 23px 0px rgba(0, 0, 0, 0.09);z-index: 999;animation:bottomFadeIn .3s ease-out; padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}
.downLoadBottom .downLeft{ float: left;}
.downLoadBottom i.closeDownload{width: .36rem;height: .36rem;background: url(/static/images/closeDownload.png) center center no-repeat; background-size: .36rem auto;margin: .32rem .18rem;float: left;}
.downLoadBottom .downloadLogo{width: .7rem;height: .7rem;box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.09);border-radius: .1rem;background: #fff;float: left;margin-top: .15rem;}
.downLoadBottom .downloadLogo img{width: 100%;height: 100%;object-fit: cover;border-radius: .1rem;}
.downLoadBottom .downloadInfo{float: left;margin-top: .15rem;margin-left: .15rem}
.downLoadBottom .downloadInfo h2.downloadTit{font-size: .3rem;font-weight: bold;color: #333;}
.downLoadBottom .downloadInfo p.downloadTip{font-size: .22rem;color: #999;margin-top: -.06rem}
.downLoadBottom .downLoadBtn{float: right;padding: 0 .38rem;line-height: 1rem;font-size: .32rem;color: #fff;font-weight: bold;background: linear-gradient(89deg, #F25819 0%, #EE2824 100%);}

///修改成以下代码

/*底部下载app按钮
.downLoadBottom{background: #fff;position: fixed;bottom: 0;left: 0;right: 0;
box-shadow: 0px -5px 23px 0px rgba(0, 0, 0, 0.09);z-index: 999;animation:bottomFadeIn .3s ease-out; padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}
.downLoadBottom .downLeft{ float: left;}
.downLoadBottom i.closeDownload{width: .36rem;height: .36rem;background: url(/static/images/closeDownload.png) center center no-repeat; background-size: .36rem auto;margin: .32rem .18rem;float: left;}
.downLoadBottom .downloadLogo{width: .7rem;height: .7rem;box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.09);border-radius: .1rem;background: #fff;float: left;margin-top: .15rem;}
.downLoadBottom .downloadLogo img{width: 100%;height: 100%;object-fit: cover;border-radius: .1rem;}
.downLoadBottom .downloadInfo{float: left;margin-top: .15rem;margin-left: .15rem}
.downLoadBottom .downloadInfo h2.downloadTit{font-size: .3rem;font-weight: bold;color: #333;}
.downLoadBottom .downloadInfo p.downloadTip{font-size: .22rem;color: #999;margin-top: -.06rem}
.downLoadBottom .downLoadBtn{float: right;padding: 0 .38rem;line-height: 1rem;font-size: .32rem;color: #fff;font-weight: bold;background: linear-gradient(89deg, #F25819 0%, #EE2824 100%);}
*/

修改方法二

上传touchScale.js.tar 到/static/js/core/解压出来

继续上传touchBase.css.tar 到/static/css/core/解压出来

源码在海码站下载

火鸟门户底部提示下载APP修改方法_火鸟修改底部提示APP的教程相关推荐

mysql自增列修改方法_如何修改自增列值以及相应的解决方法
今天工作中遇到特殊的一个任务,就是将两个自增列值的进行对调变更. SQL Server 平台修改自增列值由于之前处理过sql server数据库的迁移工作,尝试过其自增列值的变更,但是通过SQL 语 ...
ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法，ueditor修改方法...
UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法使用ueditor编辑器,附件默认在ueditor/php/upload/, 我的附件地址是网站根目录下/data/u ...
ie8/9收到json数据后提示下载的解决方法
使用fineuploader上传文件,收到处理程序的返回结果为json数据,在google和ie10及以上没有问题,但在ie8.ie9下提示下载json,为避免出现提示下载框, 修改文件Global. ...
pycharm连接mysql1193错误_pycharm连接mysql数据库提示错误的解决方法_数据库
忘记phpmyadmin密码怎么重置_数据库重置phpmyadmin密码的方法是:1.停止mysql服务:2.跳过验证启动mysql:3.重新设置密码:4.更新权限:5.重新启动mysql,如[ki ...
一键修改计算机名和用户名,电脑用户名怎么改_电脑用户名（计算机名）修改方法_牛游戏网...
修改电脑用户名可以有效得保护个人信息,比如一些玩家在玩家游戏的时候会出现问题,所以需要把用户名改成英文,那么问题来了,如何修改用户名呢?下面小编为大家详细介绍下电脑用户名修改方法,不知道怎么修改的玩家 ...
异星工厂服务器资源修改,异星工厂存档怎么改到别的地方异星工厂存档位置修改方法_游侠网...
异星工厂存档怎么改到别的地方想必有些小伙伴还不是很清楚的吧,所以呢今天小编就为大家带来了异星工厂存档位置修改方法,一起来了解一下吧. 异星工厂存档位置修改方法首先我们找到 Factorio异星工厂的 ...
解决github下载慢的方法，不修改hosts文件，不修改网络
1.百度 "码云",没有的注册一个,有的可以直接登录. 2.右上角 + 号 ,新建仓库,起个名字 3.最下方,点"导入已有仓库",复制github 的链接地址, ...
go 修改结构体方法_「GCTT 出品」Go 系列教程——26. 结构体取代类
Go语言中文网,致力于每日分享编码.开源等知识,欢迎关注我,会有意想不到的收获! Go 支持面向对象吗? Go 并不是完全面向对象的编程语言.Go 官网的 FAQ 回答了 Go 是否是面向对象语言,摘 ...
主机mysql密码修改_mysql密码修改方法_配置root密码_mysql 改数据库名_mysql忘记密码...
windows平台下如何修改mysql数据库密码先要声明一点,大部分情况下,修改MySQL是需要有mysql里的root权限的, 所以一般用户无法更改密码,除非请求管理员:名站互联http://ww ...

火鸟门户底部提示下载APP修改方法_火鸟修改底部提示APP的教程

火鸟门户底部提示下载APP修改方法_火鸟修改底部提示APP的教程相关推荐

最新文章

热门文章