火鸟门户底部提示下载APP修改方法

2020年12月13日下午4:59
学习资料

///火鸟门户修改底部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%);} */ 完成

app 底部火鸟

【小程序源码网资源版权风险说明】：
本站为避免不必要的纷争，分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台，站长只为大家提供相关资源的介绍和跳转引导。因可能有疏忽大意，所以如有遗漏资源侵犯了您的合法权利，请联系站长删除。
【小程序源码网资源下载使用说明】：
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用，任何人不得作其他用途，违者自行承担所有责任。
【小程序源码网毫无人看的介绍】：
本站又称Z站，原名贼娘网，开站于2018年，换过三任站长，目前站长是第四任站长，本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站，主要小程序资源有用于学习的小程序源码，也有正版原创可商用的小程序源码，是一个公益博客型网站。
【小程序源码网原创源码版权申明】：
未经小程序源码网许可，任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内，版权无使用限制)，否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】：
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习，任何人不得作其他用途，违者自行承担所有责任。
【小程序源码网站长最后的屁话】：
如有您认为本站有任何侵犯您合法权益的文章，或者您有什么疑问需求，欢迎联系站长QQ，站长24小时在线，备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理，如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论，就不用加站长啦，对于白嫖党，QQ群才是处理问题的天堂，当然站长也欢迎大家骚扰~
小程序源码网 » 最新火鸟门户底部提示下载APP修改方法