美文网首页
nuxt ie显示页面

nuxt ie显示页面

作者: w_小伍 | 来源:发表于2020-11-23 14:40 被阅读0次

    在根目录下新建app.html

    <!DOCTYPE html>
    <html {{ HTML_ATTRS }}>
    <head>
     {{ HEAD }}
    </head>
    <body {{ BODY_ATTRS }}>
    {{ APP }}
    </body>
    <!--[if lt IE 9]>
    <script>
    var ieNotice = '<div><div style="height: 88px;background-color: #fff;width: 100%;border-bottom: 1px solid #ececec;"><div style="width: 1200px;margin: 0 auto;"><em class="font_family icon-taoic" style="color: #e5242b;font-size: 90px;"></em></div></div><div style="background-color: #f2f3f7;width: 100%;min-height: 832px;height: 100%;"><div style="width: 830px;margin: 0 auto;padding-top: 10px;"><div style="background-color: #fff;padding: 40px 80px 80px 80px;"><p style="font-size: 32px;color: #333;text-align: center;">您使用的浏览器版本过低</p><p style="text-align: center;color: #666;margin-top: 10px;margin-bottom: 40px;">当前浏览器可能存在安全风险,为了保证您的正常使用,请立即升级浏览器!</p><div style="overflow: hidden;"><div style="width: 33%;float:left;text-align: center;margin-top: 20px;"><p style="color: #333333;font-size: 16px;margin-bottom: 10px;">Chrome 浏览器</p><a target="_blank" href="https://www.google.cn/chrome" style="text-decoration: none;font-size: 16px;color: #fff;display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background-color: #ef1f1f;margin-top: 20px;">下载</a></div><div style="width: 33%;float:left;text-align: center;margin-top: 20px;"><p style="color: #333333;font-size: 16px;margin-bottom: 10px;">360浏览器</p><a target="_blank" href="https://browser.360.cn/ee/" style="margin-top: 20px;text-decoration: none;font-size: 16px;color: #fff;display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background-color: #ef1f1f;">下载</a></div><div style="width: 33%;float:left;text-align: center;margin-top: 20px;"><p style="color: #333333;font-size: 16px;margin-bottom: 10px;">最新版 IE 浏览器</p><a target="_blank" href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" style="text-decoration: none;font-size: 16px;color: #fff;display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background-color: #ef1f1f;margin-top: 20px;">下载</a></div></div></div></div></div></div>'
    document.body.innerHTML = ieNotice
    </script>
    <![endif]-->
    </html>
    
    

    相关文章

      网友评论

          本文标题:nuxt ie显示页面

          本文链接:https://www.haomeiwen.com/subject/hffviktx.html