文章缩略图

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

2020-12-14 00:00:00 技术教程 8944 阅读需45分钟
图标

本文最后更新于2020-12-14 00:00:00已经过去了1595天 请注意内容时效性

热度 117 评论 0 点赞63
钞能力。你在哪?此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“验证码”,获取验证码。在微信里搜索“钞能力。你在哪?”或者“mdyc919293”或者微信扫描右侧二维码关注公众号。

火鸟门户修改底部APP提示的方法找到目录 /static/js/core/touchScale.js

没有修改过的代码

**********************修复底部回复框被遮挡**************************
 //2020-9-21 详情页底部增加下载app按钮if(typeof JubaoConfig != “undefined” && typeof cfg_appinfo != “undefined”){      //非app 非小程序      if((device.indexOf(‘huoniao’)  \n’ +       ‘      \n’ +       ‘          

’+cfg_appinfo.name+'

\n’ + ‘

’+cfg_appinfo.subtitle+'

\n’ + ‘ \n’ + ‘ \n’ + ‘ ’+langData[‘siteConfig’][6][216]+'\n’ + //立即打开 ‘’);} } $(‘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’)  \n’ + \n’ +

’+cfg_appinfo.name+'

\n’ +

’+cfg_appinfo.subtitle+'

\n’ +\n’ +\n’ +’+langData[‘siteConfig’][6][216]+'\n’ + //立即打开’);} }$(‘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%);}*/

 

你可能想看:
继续阅读本文相关话题
更多推荐
发表评论

共有[ 1 ]人发表了评论

🥰 😎 😀 😘 😱 🤨 🥵 😔 😤 😡 😭 🥱 🤡 ☠️ 💖 🤖 💢 💥

评论列表
暂无评论

暂时没有评论,期待您的声音!

品牌认证 W3C认证 MYSSL认证 TrustAsia 安全签章
扫码访问手机版
二维码图片