诸葛青云 火鸟门户底部提示下载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”> ’ +
‘ <div class=”downLeft fn-clear”> ’ +
‘ <i class=”closeDownload”></i> ’ +
‘ <div class=”downloadLogo”><img src=”‘+cfg_appinfo.logo+’” alt=””></div> ’ +
‘ <div class=”downloadInfo”> ’ +
‘ <h2 class=”downloadTit”>’+cfg_appinfo.name+'</h2> ’ +
‘ <p class=”downloadTip”>’+cfg_appinfo.subtitle+'</p> ’ +
‘ </div> ’ +
‘ </div> ’ +
‘ <a href=”‘+masterDomain+’/mobile.html” class=”downLoadBtn”>’+langData[‘siteConfig’][6][216]+'</a> ’ + //立即打开
‘</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”> ’ +
// ‘ <div class=”downLeft fn-clear”> ’ +
// ‘ <i class=”closeDownload”></i> ’ +
// ‘ <div class=”downloadLogo”><img src=”‘+cfg_appinfo.logo+’” alt=””></div> ’ +
// ‘ <div class=”downloadInfo”> ’ +
// ‘ <h2 class=”downloadTit”>’+cfg_appinfo.name+'</h2> ’ +
// ‘ <p class=”downloadTip”>’+cfg_appinfo.subtitle+'</p> ’ +
// ‘ </div> ’ +
// ‘ </div> ’ +
// ‘ <a href=”‘+masterDomain+’/mobile.html” class=”downLoadBtn”>’+langData[‘siteConfig’][6][216]+'</a> ’ + //立即打开
// ‘</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%);}
*/完成
火鸟门户底部提示下载APP修改方法-诸葛乐园
特别声明：所有资源仅供参考学习，不提供售后服务，如有需求，建议购买正版！如果本站资源侵犯了您的利益请留言告知！如有链接无法下载、失效，请联系客服QQ：228271057 尽快为您处理！本资源部分来源其他付费资源平台或互联网收集，如有侵权请联系及时处理。
本站只提供至尊会员技术咨询与服务半价。其他会员只有一定折扣无其他服务
筑梦网络科技 » 火鸟门户底部提示下载APP修改方法
