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

作者 : admin 本文共4538个字,预计阅读时间需要12分钟 发布时间: 2020-12-12 共36人阅读
106源码网提供了免登录直接购买同时也可以注册本站开通会员,可以根据自己的需求去选择!注:本站不提供任何技术上的支持和服务!
///火鸟门户修改底部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%);}
*/
完成
本站资源特别声明

① 106源码网所有源码来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长!
② 所有源码尽量保证原汁原味,如有特殊情况会作出声明及标注。
③ 所有源码仅供大家学习和交流,您必须在下载后24小时内删除!
④ 如发现会员转载本站资源文章,本站有权封禁会员账号!
⑤ 不得使用于非法商业用途,不得违反国家法律。否则后果自负与本站无关!


106源码 » 火鸟门户底部提示下载APP修改方法

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载无数据或打开不了?
有可能是因为百度网盘受到风控有敏感内容被删除了 ,如遇到此类问题请及时联系站长!
找不到素材资源介绍文章里的示例图片?
对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。

发表评论

  网站地图