Vue是一种流行的JavaScript框架，用于构建现代化的单页应用程序。由于其特殊的渲染方式，Vue应用在搜索引擎优化，SEO方面可能面临一些挑战。本文将探讨如何优化Vue应用的SEO，包括使用预渲染、动态渲染和合理的路由设计等技术，以确保搜索引擎能够正确地索引和显示Vue应用的内容，从而提高网站的可见性和排名。
1、Vue如何进行SEO优化
Vue是一种流行的JavaScript框架，用于构建现代化的单页应用程序。由于Vue应用程序通常是在客户端渲染的，搜索引擎可能无法正确地索引和排名这些页面。进行Vue的SEO优化是至关重要的。
一个重要的步骤是使用服务端渲染，SSR来生成Vue应用程序的初始HTML。通过使用SSR，服务器可以在发送响应之前将Vue组件渲染为HTML。这样，搜索引擎爬虫就可以正确地解析和索引页面的内容。
另一个关键的优化技术是使用合适的元标记。搜索引擎爬虫通常会查找页面的标题标签，
和描述标签，<meta name="description">。确保为每个页面设置唯一且相关的标题和描述，以便搜索引擎正确地理解页面的内容。</p><p>使用合适的URL结构也是重要的。确保每个页面都有一个描述性的URL，并使用适当的关键字。这有助于搜索引擎理解页面的主题，并提高排名。</p><p>为了确保搜索引擎能够正确地索引Vue应用程序的内容，还可以使用预渲染技术。预渲染是在构建过程中生成静态HTML文件的过程。这些文件可以直接提供给搜索引擎爬虫，以便它们能够正确地索引和排名页面。</p><p>使用合适的内部链接结构也是重要的。确保在Vue应用程序中使用适当的内部链接，以便搜索引擎可以轻松地浏览和索引整个网站。这有助于提高整个网站的可见性和排名。</p><p>确保Vue应用程序的加载速度尽可能快也是重要的。搜索引擎通常会考虑网站的加载速度作为排名因素之一。通过使用代码分割和懒加载等技术，可以减少初始加载的代码量，从而提高页面的加载速度。</p><p>Vue应用程序的SEO优化是确保搜索引擎能够正确地索引和排名页面的关键。通过使用服务端渲染、合适的元标记、合适的URL结构、预渲染、合适的内部链接结构和快速加载速度等技术，可以提高Vue应用程序在搜索引擎中的可见性和排名。</p><h3>2、vue如何进行seo优化</h3><p style="text-align: center;"><img src="/uploadfile/202510/39b4a7046ea2306f182691c3efebf2dc.jpg" alt="vue如何进行seo优化" title="vue如何进行seo优化"></p><p>Vue是一种流行的JavaScript框架，用于构建现代化的Web应用程序。由于Vue是一种单页面应用程序，SPA框架，它在默认情况下对搜索引擎优化，SEO不太友好。我们将探讨一些Vue进行SEO优化的方法。</p><p>为了使Vue应用程序对搜索引擎友好，我们需要确保搜索引擎可以正确地索引我们的页面。由于Vue应用程序是在客户端渲染的，搜索引擎在爬取页面时无法获取到完整的HTML内容。为了解决这个问题，我们可以使用服务器端渲染，SSR来生成静态HTML页面。Vue提供了一个名为Nuxt.js的框架，它可以帮助我们实现服务器端渲染。</p><p>我们需要确保每个页面都有唯一的URL，并且每个URL都可以通过直接访问而不是通过JavaScript的路由来访问。这是因为搜索引擎爬虫无法执行JavaScript代码，所以无法获取通过JavaScript路由生成的内容。为了解决这个问题，我们可以使用Nuxt.js的动态路由功能来生成静态页面，并确保每个页面都有一个唯一的URL。</p><p>我们还可以使用预渲染来提高Vue应用程序的SEO。预渲染是指在构建过程中生成静态HTML文件，并将这些文件作为服务器响应返回给搜索引擎。这样，搜索引擎爬虫就可以直接获取到完整的HTML内容，从而提高页面的可索引性。Vue提供了一个名为Prerender SPA Plugin的插件，可以帮助我们实现预渲染。</p><p>我们还可以优化页面的元数据，包括页面的标题、描述和关键字。这些元数据可以提供给搜索引擎更好地理解页面的内容，并在搜索结果中显示。Vue提供了一个名为Vue Meta的插件，可以帮助我们动态地设置页面的元数据。</p><p>我们还可以通过优化页面的加载速度来提高Vue应用程序的SEO。搜索引擎对页面加载速度非常敏感，加载速度较慢的页面往往会排名较低。为了优化页面的加载速度，我们可以使用代码分割和懒加载来减少初始加载的资源量，并使用缓存来提高页面的响应速度。</p><p>要使Vue应用程序对搜索引擎友好，我们可以使用服务器端渲染、动态路由、预渲染、优化元数据和页面加载速度等方法。通过这些方法的结合，我们可以提高Vue应用程序在搜索引擎中的可见性和排名，从而吸引更多的访问者和流量。</p><h3>3、vue怎么优化seo</h3><p style="text-align: center;"><img src="/uploadfile/202510/db6f8f3f0c55358b8001e8fbd8217591.jpg" alt="vue怎么优化seo" title="vue怎么优化seo"></p><p>Vue是一种流行的JavaScript框架，用于构建现代化的Web应用程序。由于Vue是一个单页面应用程序，SPA，它在搜索引擎优化，SEO方面可能会面临一些挑战。我们将讨论如何优化Vue应用程序的SEO，以提高网站在搜索引擎结果页面，SERP中的排名。</p><p>1. 使用预渲染，Prerendering</p><p>预渲染是一种技术，可以在构建过程中将Vue应用程序的静态HTML生成并保存到服务器上。这样，搜索引擎爬虫可以直接获取到完整的HTML内容，从而更好地理解和索引您的网站。您可以使用工具如Prerender SPA Plugin来实现预渲染。</p><p>2. 优化页面标题和描述</p><p>搜索引擎通常会根据页面标题和描述来确定网页的主题和内容。在Vue应用程序中，您可以使用Vue Router来设置每个页面的标题和描述。确保标题和描述准确地描述了页面内容，并包含相关关键字，以提高页面在搜索结果中的可见性。</p><p>3. 提供静态页面链接</p><p>由于Vue应用程序是一个单页面应用程序，页面之间的导航是通过JavaScript路由来实现的。搜索引擎爬虫通常不会执行JavaScript，因此无法正确地索引通过路由加载的内容。为了解决这个问题，您可以在网站上提供静态页面链接，这样搜索引擎爬虫可以直接访问和索引每个页面。</p><p>4. 使用合适的URL结构</p><p>使用有意义的URL结构可以帮助搜索引擎和用户更好地理解您的网站。在Vue应用程序中，您可以使用Vue Router来设置URL结构。确保URL包含关键字，并且易于阅读和理解。</p><p>5. 使用合适的标签和元数据</p><p>在Vue应用程序中，您可以使用Vue Meta来设置页面的标签和元数据。标签和元数据对于搜索引擎来说非常重要，因为它们提供了关于页面内容的关键信息。确保标签和元数据准确地描述了页面内容，并包含相关关键字。</p><p>6. 提供高质量的内容</p><p>无论您是使用Vue还是其他技术，提供高质量的内容始终是优化SEO的关键。搜索引擎更喜欢有价值和有意义的内容，并将其视为排名因素之一。确保您的网站提供有用的信息，并定期更新和优化内容。</p><p>通过预渲染、优化页面标题和描述、提供静态页面链接、使用合适的URL结构、使用合适的标签和元数据以及提供高质量的内容，您可以优化Vue应用程序的SEO，提高网站在搜索引擎结果页面中的排名。记住，SEO是一个长期的过程，需要不断地优化和改进。祝您在优化Vue应用程序的SEO方面取得成功！</p><p>Vue在进行SEO优化时需要注意几个关键点。合理使用Vue的路由功能，确保每个页面都有独立的URL地址，方便搜索引擎抓取和索引。使用预渲染或服务端渲染的方式，将Vue应用转化为静态HTML页面，提高页面的可读性和被搜索引擎收录的机会。合理设置页面的meta标签，包括title、description和keywords等，以便搜索引擎了解页面的内容和关键信息。优化网站的加载速度，减少页面的加载时间，提升用户体验和搜索引擎的排名。综合考虑以上因素，可以有效地提升Vue应用的SEO效果，让网站在搜索引擎中获得更好的曝光和流量。</p> </div>
<div class="entry-tags">
<a href="/index.php?s=jiaocheng&c=search&keyword=Vue" rel="category"><i class="dot"></i>Vue</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=如何" rel="category"><i class="dot"></i>如何</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=进行" rel="category"><i class="dot"></i>进行</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=SEO" rel="category"><i class="dot"></i>SEO</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=优化" rel="category"><i class="dot"></i>优化</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=vue" rel="category"><i class="dot"></i>vue</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=seo" rel="category"><i class="dot"></i>seo</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=Vue" rel="category"><i class="dot"></i>Vue</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=一种" rel="category"><i class="dot"></i>一种</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=流" rel="category"><i class="dot"></i>流</a>
<a href="/index.php?s=jiaocheng&c=search&keyword=" rel="category"><i class="dot"></i></a>
</div>
<div class="article-copyright">1. 本站所有资源来源于用户上传或网络，仅作为参考研究使用，如有侵权请邮件联系站长！
<br/>2. 本站积分货币获取途径以及用途的解读，想在本站混的好，请务必认真阅读！
<br/>3. 本站强烈打击盗版/破解等有损他人权益和违法作为，请各位会员支持正版！
<br/>4. <a href="/seojiaocheng/">SEO教程</a> <small>></small> <a href="https://www.hailuo.cc/seojiaocheng/8505.html" title="Vue如何进行SEO优化，vue如何进行seo优化">Vue如何进行SEO优化，vue如何进行seo优化</a>
</div> <div class="article-footer">
<div class="author-box">
<div class="author-image">
<img alt="海螺主题" data-src="https://www.hailuo.cc/uploadfile/member/000/00/00/1.jpg?time=1735433057" class="avatar avatar-140 photo gravatar lazyload" height="140" width="140">
</div>
<div class="author-info">
<h4 class="author-name">
<a>海螺主题</a>
<span class="label"><img align="absmiddle" src="https://www.hailuo.cc/uploadfile/202309/bcea7227e84f.png" style="width: 55px;margin: -4px 0 0 0;"></span>
</h4>
</div>
</div>
<div class="shares" data-initialized="true">
<strong>分享到：</strong>
<span class="share-popover"><span class="share-popover-inner" id="weixin-qrcode"><canvas width="80" height="80"></canvas></span></span>
<a class="share-weixin icon-wechat" title="分享到微信"><i class="fa fa-weixin"></i></a>
<a class="share-tsina icon-weibo" title="分享到微博"><i class="fa fa-weibo"></i></a>
<a class="share-sqq icon-qq" title="分享到QQ好友"><i class="fa fa-qq"></i></a>
<a class="share-qzone icon-qzone" title="分享到QQ空间"><i class="fa fa-star"></i></a>
<a class="share-twitter icon-twitter" title="分享到Twitter"><i class="fa fa-twitter"></i></a>
<a class="share-facebook icon-facebook" title="分享到Facebook"><i class="fa fa-facebook"></i></a>
<a class="share-linkedin icon-linkedin" title="分享到领英职场"><i class="fa fa-linkedin"></i></a> </div>
</div>
</div>
</div>
</article>
<div class="entry-navigation">
<nav class="article-nav">
<span class="article-nav-prev">上一篇<br>
<a href="/seojiaocheng/8504.html" rel="prev">齐齐哈尔网站建设推广，齐齐哈尔市互联网+电子政务服务平台建设</a></span>
<span class="article-nav-next">下一篇<br>
<a href="/seojiaocheng/8506.html" rel="next">山东SEO优化排行榜：山东SEO首页关键词优化推荐</a></span>
</nav>
</div>
<div class="entry-navigation">
<h3 class="entry-title">用户评论</h1>
<div id="dr_module_comment_8505"></div><script type="text/javascript"> function dr_ajax_module_comment_8505(type, page) { var index = layer.load(2, { time: 10000 });$.ajax({type: "GET", url: "/index.php?s=jiaocheng&c=comment&m=index&id=8505&&type="+type+"&page="+page+"&"+Math.random(), dataType:"jsonp", success: function (data) { layer.close(index); if (data.code) { $("#dr_module_comment_8505").html(data.msg); } else { dr_tips(0, data.msg); } }, error: function(HttpRequest, ajaxOptions, thrownError) { layer.closeAll(); var msg = HttpRequest.responseText; alert("评论调用函数返回错误："+msg); } }); } dr_ajax_module_comment_8505(0, 1); </script> </div>
</main>
</div>
</div>
<div class="sidebar-column col-lg-3">
<aside class="fixed-right widget-area">
<div class="side-box-dw"></div>
<div class="side-fixed-box">
<div class="side-fixed-con">
<div class="widget">
<div class="content-list" style="margin-bottom: 0px;">
<ul>
<li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="" href="/jishu/">全部文章</a></li>
<li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="" href="/jzjc/">建站教程</a></li>
<li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="" href="/spjc/">视频教程</a></li>
<li style="margin-right: 1px;"><a style="line-height: 18px;border: 1px solid #38c3f433;" class="on" href="/seojiaocheng/">SEO教程</a></li>
</ul>
</div>
</div>
<div class="widget cao-widget-posts">
<h5 class="widget-title"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> 点击排行</h5>
<div class="posts">
<div class="uposts">
<div class="hentry">
<h2 class="title"><span class="post-num num-1">1</span>
<a href="/seojiaocheng/23000.html" title="邵阳SEO优化中有哪些关键因素需要重点关注？">邵阳SEO优化中有哪些关键因素需要重点关注？</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-2">2</span>
<a href="/seojiaocheng/25346.html" title="越秀SEO优化推广的预算成本是多少，如何进行预算分配？">越秀SEO优化推广的预算成本是多少，如何进行预算分配？</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-3">3</span>
<a href="/seojiaocheng/21369.html" title="在SEO框架中，如何制定有效的关键词布局策略以提升网站排名？">在SEO框架中，如何制定有效的关键词布局策略以提升网站排名？</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-4">4</span>
<a href="/seojiaocheng/16746.html" title="什么是用户体验，UX，如何影响SEO">什么是用户体验，UX，如何影响SEO</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-5">5</span>
<a href="/jzjc/34769.html" title="Discuz付费会员，Discuz 付费">Discuz付费会员，Discuz 付费</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-6">6</span>
<a href="/seojiaocheng/4887.html" title="阜宁SEO优化价格优惠，网站优化公司推荐">阜宁SEO优化价格优惠，网站优化公司推荐</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-7">7</span>
<a href="/seojiaocheng/11553.html" title="吉林SEO优化营销：让您的网络营销更上一层楼">吉林SEO优化营销：让您的网络营销更上一层楼</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-8">8</span>
<a href="/jzjc/35732.html" title="Discuz站点名称乱码，Discuz代码">Discuz站点名称乱码，Discuz代码</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-9">9</span>
<a href="/seojiaocheng/16838.html" title="什么是结构化数据，如何使用它提升SEO">什么是结构化数据，如何使用它提升SEO</a>
</h2>
</div>
<div class="hentry">
<h2 class="title"><span class="post-num num-10">10</span>
<a href="/jzjc/30531.html" title="帝国CMS实现手机注册，帝国CMS移动端">帝国CMS实现手机注册，帝国CMS移动端</a>
</h2>
</div>
</div>
</div>
</div>
<div class="widget widget-adss">
<div class="adsbg">
</div>
</div><div class="widget widget_tag_cloud">
<h5 class="widget-title"><i class="fa fa-tags" aria-hidden="true"></i> 标签</h5>
<div class="tagcloud">
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="地鼠" href="/tag/dishu.html">地鼠</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="词库" href="/tag/ciku.html">词库</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="眼镜美女" href="/tag/yanjingmeinu.html">眼镜美女</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="搭档" href="/tag/dadang.html">搭档</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="惠娜" href="/tag/huina.html">惠娜</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="枫树" href="/tag/fengshu.html">枫树</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="法兰克福" href="/tag/falankefu.html">法兰克福</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="沙盘" href="/tag/shapan.html">沙盘</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="肚脐装" href="/tag/duqizhuang.html">肚脐装</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="火山岩" href="/tag/huoshanyan.html">火山岩</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="显示错误" href="/tag/xianshicuowu.html">显示错误</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="今昔" href="/tag/jinxi.html">今昔</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="高挑美女" href="/tag/gaotiaomeinu.html">高挑美女</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="沛县" href="/tag/peixian.html">沛县</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="兼职招聘" href="/tag/jianzhizhaopin.html">兼职招聘</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="划船" href="/tag/huachuan.html">划船</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="时尚美女模特" href="/tag/shishangmeinumote.html">时尚美女模特</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="小短裙" href="/tag/xiaoduanqun.html">小短裙</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="底层" href="/tag/diceng.html">底层</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="裸妆美女" href="/tag/luozhuangmeinu.html">裸妆美女</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="洋娃娃" href="/tag/yangwawa.html">洋娃娃</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="论播" href="/tag/lunbo1.html">论播</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="复古风" href="/tag/fugufeng.html">复古风</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="孤独的" href="/tag/gudude.html">孤独的</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="沙发抱枕" href="/tag/shafabaozhen.html">沙发抱枕</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="帅哥侧脸" href="/tag/shuaigecelian.html">帅哥侧脸</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="爱尔兰长毛猎犬" href="/tag/aierlanchangmaoliequan.html">爱尔兰长毛猎犬</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="提箱" href="/tag/tixiang.html">提箱</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="必去" href="/tag/biqu.html">必去</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="肚子" href="/tag/duzi.html">肚子</a>
</div>
</div> </div>
</div>
</aside>
</div> </div>
<div class="main-box-dw"></div>
</div>
</div>
<div class="footer hidden-sm" id="footer">
<div class="container">
<div class="row">
<ul class="item clearfix">
<li class="col-md-6 left" style="float: left;">
<h2 style="margin-top: 0;margin-bottom: 3px;" class="footer-logo"><img src="/uploadfile/202204/5bb546b8cddb16b.png"></h2>
<p class="desc" style="margin-bottom: 20px;">
海螺主题设计作为高端的网页主题模板产品定制专家，业务覆盖各大开源系统主题，可一站式在线选购高品质主题模板，极致助力您的企业品牌成为行业标杆。
</p>
<p class="copy margin-0">
Copyright © 2016 - 2025 ｜ 海螺主题模板 <a class="hidden-xss">•</a><a class="hidden-xss"> 版权所有 </a><a class="hidden-xss">｜</a>
<a class="hidden-xss">www.hailuo.cc</a><a class="hidden-xss">｜</a>
<a class="hidden-xss" target="_blank" href="http://beian.miit.gov.cn"> 蜀ICP备2025160319号</a>
</p>
</li>
<li class="col-md-2 text-center hidden-xs" style="float: left;">
<h4 style="margin-bottom: 15px;">关于我们</h4>
<p>
<a href="/copyright/">免责声明</a>
</p>
<p>
<a href="/about/">海螺模板</a>
</p>
<p>
<a href="/contact/">联系我们</a>
</p>
<p>
<a href="/gbook/">留言反馈</a>
</p>
</li>
<li class="col-md-2 text-center hidden-xs" style="float: left;">
<h4 style="margin-bottom: 15px;">常见问题</h4>
<p>
<a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>本站已经开发注册，您需要填写用户名和正确的常用邮箱即可，邮箱需要通过验证后才可以正常使用相关功能。</div>','300px','300px')">如何注册</a>
</p>
<p>
<a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>找到对应商品后点击页面的“立即购买”按钮下单即可，本站商品支持自助下单，无需联系客服干预操作</div>','300px','300px')">怎么购买</a>
</p>
<p>
<a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>目前我们支持两种方式<br>1.在线支付，仅支持支付宝在线支付实时交易，完全自助完成交易流程<br>2.转账充值，支持任意付款方式，需要客服给您充值到余额在进行交易</div>','300px','300px')">支付方式</a>
</p>
<p>
<a href="javascript:;" onclick="dr_html_show('常见问题','<div class=\'p20\'>虚拟商品购买后可返回至商品详情页获得对应的素材或下载文件<br>实物商品将以快递、物流等方式寄送到您的手中</div>','300px','300px')">发货方式</a>
</p>
</li>
<li class="col-md-2 text-right hidden-xs" style="float: left;right: -5px;">
<h4 style="margin-bottom: 15px;">扫一扫加入Q群 ⠀</h4>
<p><img src="/uploadfile/202204/wap.png" alt="海螺主题模板" width="120"></p>
</li>
</ul>
<div class="col-md-12 hidden-xs">
<div class="link">
<a href="https://www.hailuo.cc" target="_blank">海螺主题官网</a>
<a href="https://www.hailuo.cc" target="_blank">苹果cms模板</a>
<a href="https://www.hailuo.cc" target="_blank">迅睿cms模板</a>
<a href="https://www.ysdh.tv" target="_blank">影视导航</a>
<a href="https://www.hqlyy.cc" target="_blank">火麒麟导航</a>
<a href="/link/">+申请友链</a>
<a class="qq float-border float-text" style="float: right;text-align: center;margin-right: 2px;" href="javascript:void(0);">
<i class="fa fa-envelope" style="color: #fcb900;"></i><br>
邮箱
<div class="float-alert-box float-radius float-qq-box" style="display: none;">
<h6>工作时间</h6>
<p>
工作日：9:00 - 22:00<br>
节假日：9:00 - 18:00
</p>
<div class="float-qq-btn float-radius" onclick="window.open('tencent://message/?uin=','_blank')">
qiye @ vip.qq.com
</div>
</div>
</a>
<a class="weixin float-border float-text" style="float: right;text-align: center;" href="javascript:void(0);">
<i class="fa fa-weixin" style="color: #00d084;"></i><br>
微信
<div class="float-alert-box float-radius float-weixin-box">
<p>
扫一扫添加客服微信
</p>
<img src="/uploadfile/202204/wx.png" width="120" height="120" alt="微信二维码">
</div>
</a>
<a class="weixin float-border float-text" style="float: right;text-align: center;" href="javascript:void(0);">
<i class="fa fa-qq" style="color: #0693e3;"></i><br>
客服
<div class="float-alert-box float-radius float-weixin-box">
<p>
扫一扫添加客服QQ
</p>
<img src="/uploadfile/202204/qq.png" width="120" height="120" alt="QQ 二维码">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-list hidden-xs"><div class="container"><ul class="footer-list_ul"><li><img src="//static.3000.cn/assets/web/client/img/icon1.4993719.png" alt="24h全天候在线客服支持"> <p>24h全天候在线客服支持</p></li><li><img src="//static.3000.cn/assets/web/client/img/icon2.1e7ed76.png" alt="10年互联网服务经验"> <p>10年互联网服务经验</p></li><li><img src="//static.3000.cn/assets/web/client/img/icon3.d697800.png" alt="全国300余家服务机构"> <p>全国30余家服务机构</p></li><li><img src="//static.3000.cn/assets/web/client/img/icon4.ec55d8c.png" alt="70000余家合作企业"> <p>200余家合作企业</p></li></ul></div></div>
<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node94.aizhantj.com:21233/tjjs/?k=7bapoq19e1n"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script>
<div class="float-box hidden-xs">
<ul class="float-ul float-radius float-text">
<li>
<a class="fankui float-border float-text" href="/gbook/">
<i class="fa fa-pencil-square-o"></i><br>
反馈
</a>
</li>
<li>
<a class="jq float-border float-text" href="/contact/">
<i class="fa bi-headset"></i><br>
客服
</a>
</li>
</ul>
<br>
<ul class="float-ul float-radius float-text">
<li>
<a class="top float-border float-text" href="javascript:void(0);" etap="to_top" title="返回顶部">
<i class="fa fa-chevron-up"></i><br>
</a>
</li>
</ul>
</div>
<div class="dimmer"></div>
<div id="popup-signup" class="popup-signup fade" style="display: none;">
<div class="register-login-modal" role="document">
<div class="modal-content">
<div class="modal-body">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#login" data-toggle="login">登录</a></li>
<li><a href="#signup" data-toggle="signup">注册</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="login">
<div class="signup-form-container text-center">
<form class="mb-0" id="myforml" method="post" novalidate="novalidate">
<div class="form-group">
<input type="text" class="form-control" name="data[username]" placeholder="*用户名">
</div>
<div class="form-group">
<input type="password" class="form-control" name="data[password]" placeholder="*密码">
</div>
<div class="form-group">
<input class="form-control" type="text" autocomplete="off" placeholder="*验证码" name="code" /><img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&t='+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div>
<input class="btn change-color-lv btn--block login-loader" type="button" value="安全登录" onclick="dr_ajax_member('https://www.hailuo.cc/index.php?s=member&c=login&m=index', 'myforml');" />
</form>
<div class="or-text">
<span>or</span>
</div>
<div class="open-oauth text-center">
<a href="https://www.hailuo.cc/index.php?s=api&c=oauth&m=index&name=qq&type=login&back="> <img src="/static/assets/oauth/qq.png"> </a>
</div>
<a href="https://www.hailuo.cc/index.php?s=member&c=login&m=find" class="forget-password">忘记密码?</a>
<!-- form end -->
</div>
<!-- .signup-form end -->
</div>
<div class="tab-pane fade in" id="signup">
<form class="mb-0" method="post" id="myformr">
<div class="form-group">
<input type="text" class="form-control" name="data[username]" placeholder="输入账号(字母+数字/5-10位)">
</div>
<div class="form-group">
<input type="email" class="form-control" name="data[email]" placeholder="绑定邮箱">
</div>
<div class="form-group">
<input type="password" class="form-control" name="data[password]"
placeholder="密码最小长度为6">
</div>
<div class="form-group">
<input type="password" class="form-control" name="data[password2]" placeholder="再次输入密码">
</div>
<div class="form-group">
<input class="form-control" type="text" autocomplete="off" placeholder="*验证码" name="code" /><img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&t='+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div>
<input type="hidden" name="action" value="WPAY_register">
<input class="btn change-color-lv btn--block register-loader" type="button" onclick="dr_ajax_member('https://www.hailuo.cc/index.php?s=member&c=register&m=index', 'myformr');" value="立即注册" />
<div class="or-text">
<span>or</span>
</div>
<div class="open-oauth text-center">
<a href="https://www.hailuo.cc/index.php?s=api&c=oauth&m=index&name=qq&type=login&back="> <img src="/static/assets/oauth/qq.png"> </a>
</div>
<label class="mt-checkbox mt-checkbox-outline" style="margin-left:20px;">
<input type="checkbox" name="is_protocol" value="1" checked> 我已阅读并同意
<span></span>
</label>
<label>
<a href="javascript:dr_show_protocol();">《用户注册协议》</a>
</label>
</form>
<!-- form end -->
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- 侧边栏 -->
<div class="off-canvas">
<div class="canvas-close">
<i class="fa fa-close"></i>
</div>
<div class="logo-wrapper">
<img class="logo regular" src="https://www.hailuo.cc/uploadfile/202204/56f11599575e9f7.png" alt="海螺主题模板">
</div>
<div class="mobile-menu hidden-lg hidden-xl"></div>
<aside class="widget-area">
<div class="widget widget-adss">
<div class="adsbg">
</div>
</div> <div class="widget widget_tag_cloud">
<h5 class="widget-title"><i class="fa fa-tags" aria-hidden="true"></i> 标签</h5>
<div class="tagcloud">
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="护肤公司" href="/tag/hufugongsi.html">护肤公司</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="粉色模板" href="/tag/fensemoban.html">粉色模板</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="是一" href="/tag/shiyi.html">是一</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="滦南" href="/tag/luannan.html">滦南</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="扁平风" href="/tag/bianpingfeng.html">扁平风</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="复古黑白" href="/tag/fuguheibai.html">复古黑白</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="约克夏犬" href="/tag/yuekexiaquan.html">约克夏犬</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="茶叶种植" href="/tag/chayezhongzhi.html">茶叶种植</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="调用Discuz!X2." href="/tag/diaoyongdiscuz!x2..html">调用Discuz!X2.</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="医疗美容" href="/tag/yiliaomeirong.html">医疗美容</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="绿色城市" href="/tag/lusechengshi.html">绿色城市</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="开屏" href="/tag/kaiping.html">开屏</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="电影风" href="/tag/dianyingfeng.html">电影风</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="非主流带字" href="/tag/feizhuliudaizi.html">非主流带字</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="黑山羊" href="/tag/heishanyang.html">黑山羊</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="图片素材下载" href="/tag/tupiansucaixiazai.html">图片素材下载</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="送礼" href="/tag/songli.html">送礼</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="花的" href="/tag/huade.html">花的</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="蔷薇花" href="/tag/qiangweihua.html">蔷薇花</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="树木积雪" href="/tag/shumujixue.html">树木积雪</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="省电" href="/tag/shengdian.html">省电</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="这篇" href="/tag/zhepian.html">这篇</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="一束康乃馨" href="/tag/yishukangnaixin.html">一束康乃馨</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="招聘企业" href="/tag/zhaopinqiye.html">招聘企业</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="有变" href="/tag/youbian.html">有变</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="更改" href="/tag/genggai.html">更改</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="图自" href="/tag/tuzi1.html">图自</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="尤克里里" href="/tag/youkelili.html">尤克里里</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="登录" href="/tag/denglu1.html">登录</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="黑白背影" href="/tag/heibaibeiying.html">黑白背影</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="美女照片" href="/tag/meinuzhaopian.html">美女照片</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="欧美牛仔" href="/tag/oumeiniuzai.html">欧美牛仔</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="荷兰豆" href="/tag/helandou.html">荷兰豆</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="水果背景" href="/tag/shuiguobeijing.html">水果背景</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="同心" href="/tag/tongxin.html">同心</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="在做" href="/tag/zaizuo.html">在做</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="冬季雪花" href="/tag/dongjixuehua.html">冬季雪花</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="人体艺术写真照片" href="/tag/rentiyishuxiezhenzhaopian.html">人体艺术写真照片</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="学术界" href="/tag/xueshujie.html">学术界</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="亚洲女人" href="/tag/yazhounuren.html">亚洲女人</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="初秋" href="/tag/chuqiu.html">初秋</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="房子" href="/tag/fangzi.html">房子</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="手风琴" href="/tag/shoufengqin.html">手风琴</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="水果食品" href="/tag/shuiguoshipin.html">水果食品</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="博客媒体新闻资讯" href="/tag/bokemeitixinwenzixun.html">博客媒体新闻资讯</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="一套" href="/tag/yitao.html">一套</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="人体艺术摄影" href="/tag/rentiyishusheying.html">人体艺术摄影</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="男性" href="/tag/nanxing.html">男性</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="海鸟" href="/tag/hainiao.html">海鸟</a>
<a class="tag-cloud-link" style="font-size: 14.203592814371pt;" aria-label="麦田美女" href="/tag/maitianmeinu.html">麦田美女</a>
</div>
</div>
<div class="widget conch-widget-posts">
<h5 class="widget-title"><i class="fa fa-area-chart" aria-hidden="true"></i> 热门资源</h5>
<div class="posts">
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/qywz/378.html">
<img class="lazyload" data-src="/uploadfile/202412/9735e8b6c6249.jpg" alt="鲜花绿植店苗木花艺插花培训类响应式织梦模板">
</a>
</div>
</div>
<a href="/qywz/378.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">鲜花绿植店苗木花艺插花培训类响应式织梦模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 40</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/jxsb/373.html">
<img class="lazyload" data-src="/uploadfile/202412/4f67408659212a4.jpg" alt="宽屏蓝色大气机械齿轮轴承加工制造公司织梦响应式模板">
</a>
</div>
</div>
<a href="/jxsb/373.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">宽屏蓝色大气机械齿轮轴承加工制造公司织梦响应式模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 19</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/qywz/370.html">
<img class="lazyload" data-src="/uploadfile/202412/6841dfadf59dd.jpg" alt="MBA教育机构招生落地页单页网站源码">
</a>
</div>
</div>
<a href="/qywz/370.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">MBA教育机构招生落地页单页网站源码</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 24</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/dzsw/367.html">
<img class="lazyload" data-src="/uploadfile/202412/8e826fdc971b1.jpg" alt="电子数码多媒体音响设备公司织梦模板">
</a>
</div>
</div>
<a href="/dzsw/367.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">电子数码多媒体音响设备公司织梦模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 68</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/qywz/362.html">
<img class="lazyload" data-src="/uploadfile/202412/a26d6aa02921912.jpg" alt="中英文双语窗帘门窗类网站织梦自适应模板">
</a>
</div>
</div>
<a href="/qywz/362.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">中英文双语窗帘门窗类网站织梦自适应模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 24</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/qywz/345.html">
<img class="lazyload" data-src="/uploadfile/202412/54f4c75184eead0.jpg" alt="扬尘废气处理设备厂家织梦营销型模板">
</a>
</div>
</div>
<a href="/qywz/345.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">扬尘废气处理设备厂家织梦营销型模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 66</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/qywz/343.html">
<img class="lazyload" data-src="/uploadfile/202412/84387b0d6b29a2.jpg" alt="dedecms互联网公司企业网站织梦模板">
</a>
</div>
</div>
<a href="/qywz/343.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">dedecms互联网公司企业网站织梦模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 96</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/bkdh/342.html">
<img class="lazyload" data-src="/uploadfile/202412/c6bb4e4f36bf485.jpg" alt="简约清新文艺范个人博客主题织梦模板">
</a>
</div>
</div>
<a href="/bkdh/342.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">简约清新文艺范个人博客主题织梦模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 91</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/xwzx/341.html">
<img class="lazyload" data-src="/uploadfile/202412/02bf77ef8abcd93.jpg" alt="响应式自媒体及个人博客资讯类织梦网站模板">
</a>
</div>
</div>
<a href="/xwzx/341.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">响应式自媒体及个人博客资讯类织梦网站模板</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 98</a>
</div>
<div class="left">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%;">
<a href="/dzsw/329.html">
<img class="lazyload" data-src="/uploadfile/202412/1243d804819f8c8.jpg" alt="工商财税代理记账注册公司企业网站织梦模板（带手机端）">
</a>
</div>
</div>
<a href="/dzsw/329.html" rel="bookmark" style="display: block;height: 1.6rem;margin-top: 3px;">工商财税代理记账注册公司企业网站织梦模板（带手机端）</a>
<br><time><i class="fa fa-clock-o" aria-hidden="true"></i> 2025-10-26 </time><a> <i class="fa fa-eye font-blue"></i> 77</a>
</div>
</div>
</div>
</aside>
</div>
<!-- 侧边栏 -->
<script type="text/javascript" src="/static/conch/layui/layui.all.js"></script>
<script type="text/javascript" src="/static/conch/js/plugins.js"></script>
<script type="text/javascript" src="/static/conch/js/common.js"></script>
<script type="text/javascript" src="/static/conch/js/sweetalert.min.js"></script>
<script type="text/javascript" src="/static/conch/js/app.js"></script>
<!-- 分享 -->
<script type="text/javascript" src="/static/conch/js/social-share.min.js"></script>
<!-- 滚动 -->
<script type="text/javascript" src="/static/conch/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="/static/conch/js/jquery.countup.min.js"></script>
<script type="text/javascript" src="/static/conch/js/conch.js"></script>
<script>
console.log("\n%c Conch Theme https://www.hailuo.cc \n",
"color: #fff;background: linear-gradient(55deg, #212121 0%, #212121 40%, #323232 calc(40% + 1px), #323232 60%, #250095 calc(60% + 1px), #950090 70%, #ff14ed calc(70% + 1px), #6414ff 100%);padding:5px; border-radius: 5px;"
);
console.log("%c如果您通过控制台的方式获取CSS样式或者其他东东，相信您可能也看到本说明。 如果您想一声不吭的拿走，请把所有涉及到的链接图片保存到本地及保留海螺主题版权来源，谢谢！",
"color: #fff;background: linear-gradient(55deg, #212121 0%, #212121 40%, #323232 calc(40% + 1px), #323232 60%, #250095 calc(60% + 1px), #950090 70%, #ff14ed calc(70% + 1px), #6414ff 100%);padding:5px; border-radius: 5px;line-height: 18px;"
);
</script>
<script>
// 动态标题
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
if (document.hidden) {
document.title = "海螺主题模板-您的模板定制专家！";
clearTimeout(titleTime)
} else {
document.title = "海螺网-欢迎您回家！" ;
titleTime = setTimeout(function() {
document.title = OriginTitile
},
2000)
}
});
</script>
<script>
document.addEventListener("copy", function(e) {
new Vue({
data: function() {
if ((window.getSelection ? window.getSelection() : document.selection.createRange()
.text) != '') {
this.$notify({
title: "叮！复制成功",
message: "若要转载请务必保留原文链接！谢谢~",
position: 'bottom-right',
offset: 50,
showClose: true,
type: "success"
});
} else {
this.$notify({
title: "咦？复制失败",
message: "啊噢...你没还没选择内容呢！",
position: 'bottom-right',
offset: 50,
showClose: true,
type: "success"
});
}
return {
visible: false
}
}
})
})
</script>
<script>
document.oncontextmenu = function () {
new Vue({
data:function(){
this.$notify({
title: "嗯？没有右键菜单",
message: "复制请用键盘快捷键[Ctrl+C]",
position: 'bottom-right',
offset: 50,
showClose: false,
type:"warning"
});
return{visible:false}
}
})
return false;
}
</script>
<script>
document.onkeydown = function(event) {
if (event.ctrlKey && event.keyCode == 83) { // Ctrl + S
event.preventDefault();
new Vue({
data: function() {
this.$notify({
title: "哎！你瞧瞧你",
message: "网页得换方法保存哦~",
position: 'bottom-right',
offset: 50,
showClose: true,
type: "error"
});
return {
visible: false
}
}
})
return false;
}
if (event.ctrlKey && event.keyCode == 85) { // Ctrl + U
event.preventDefault();
new Vue({
data: function() {
this.$notify({
title: "嘿！Brother",
message: "老弟，源码得换方式获取哦~",
position: 'bottom-right',
offset: 50,
showClose: true,
type: "error"
});
return {
visible: false
}
}
})
return false;
}
if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { //
Ctrl + Shift + I
event.preventDefault();
new Vue({
data:function(){
this.$notify({
title:"呐！这个也不行",
message:"还是按点别的吧！",
position: 'bottom-right',
offset: 50,
showClose: false,
type:"error"
});
return{visible:false}
}
})
return false;
}
if (event.keyCode == 123) { // F12
event.preventDefault();
new Vue({
data:function(){
this.$notify({
title:"呃！别瞎按",
message:"你按这个想干嘛！再按就找不到我咯",
position: 'bottom-right',
offset: 50,
showClose: false,
type:"error"
});
return{visible:false}
}
})
return false;
}
};
</script>
<!--劝退魔法-->
<script type="module">
import devtools from '/f12/js/moukey.js';
if (devtools.isOpen) {
window.location.href = "/f12"};
window.addEventListener('devtoolschange', event => {
if (event.detail.isOpen) {
window.location.href = "/f12"};
});
</script>
<!-- 引入VUE -->
<script src="/f12/js/vue.min.js" defer></script>
<!-- 引入样式 -->
<script src="/f12/js/component_library.js" defer></script>
<link rel="stylesheet" href="/f12/css/component_library.css">
<!--劝退魔法--->
<script>
// 模块支持反对
function dr_app_digg(id, value) {
$.get("https://www.hailuo.cc/index.php?is_ajax=1&s=api&app=jiaocheng&c=module&m=digg&id="+id+'&value='+value, function(data) {
dr_cmf_tips(data.code, data.msg);
if (data.code) {
$('#module_digg_'+id+'_'+value).html(data.data);
}
}, 'json');
}
</script>
<script>
// 模块收藏
function dr_app_favorite(id) {
$.get("https://www.hailuo.cc/index.php?is_ajax=1&s=api&app=jiaocheng&c=module&m=favorite&id="+id, function(data){
dr_cmf_tips(data.code, data.msg);
if (data.code) {
$('#module_favorite_'+id).html(data.data);
}
}, 'json');
}
$(function() {
$.get("/index.php?is_ajax=1&s=favorite&mid=jiaocheng&id=8505", function(data){
if (data.code) {
var s = data.data;
$('#module_favorite_8505_0').html(s.a);
$('#module_favorite_8505_1').html(s.b);
}
}, 'json');
});
</script>
<script type="text/javascript">
$('.counter').countUp({
delay: 10,
time: 2000
});
$(".vip").hover(function () {
$(this).children(".float-vip-box").show()
}, function () {
$(this).children(".float-vip-box").hide()
});
$(".qq").hover(function () {
$(this).children(".float-qq-box").show()
}, function () {
$(this).children(".float-qq-box").hide()
});
$(".weixin").hover(function () {
$(this).children(".float-weixin-box").show()
}, function () {
$(this).children(".float-weixin-box").hide()
});
</script>
<link href="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet" type="text/css" />
<script src="/static/assets/global/plugins/fuelux/js/spinner.min.js" type="text/javascript"></script>
<script src="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/assets/js/sku.js"></script>
<script type="text/javascript">
// 商品数量加减选择
function dr_sku_item_num(op) {
var num = parseInt($("#dr_buy_num").val());
var _quantity = parseInt($("#dr_sku_quantity").html());
if (isNaN(num) || num <= 1) num = 1;
if (op) {
// 加操作
num++;
if (num >= _quantity) num = _quantity;
} else {
// 减操作
num--;
if (isNaN(num) || num <= 1) num = 1;
}
$("#dr_buy_num").val(num);
}
function order_moban_add_cart(){
$.get("/index.php?is_ajax=1&s=order&c=cart&m=add&mid=jiaocheng&num="+$('#dr_buy_num').val()+"&id=8505&sku="+$('#dr_sku_value').val(), function(data){
dr_cmf_tips(data.code, data.msg);
if (data.code) {
// 存储购物车数量
$('#dr_order_moban_cart_nums').html(data.data);
}
}, 'json');
}
// 购买地址
function order_moban_add_buy() {
var url = "https://www.hailuo.cc/index.php?s=order&c=order&m=buy&mid=jiaocheng&id=8505";
url+= "&sku="+$('#dr_sku_value').val();
url+= "&num="+$('#dr_buy_num').val();
window.location.href = url;
}
function order_moban_add_buy_0() {
var url = "https://www.hailuo.cc/index.php?s=order&c=order&m=buy&mid=jiaocheng&id=8505";
url+= "&sku=0_0";
url+= "&num="+$('#dr_buy_num').val();
window.location.href = url;
}
function order_moban_add_buy_1() {
var url = "https://www.hailuo.cc/index.php?s=order&c=order&m=buy&mid=jiaocheng&id=8505";
url+= "&sku=0_1";
url+= "&num="+$('#dr_buy_num').val();
window.location.href = url;
}
function order_moban_add_buy_2() {
var url = "https://www.hailuo.cc/index.php?s=order&c=order&m=buy&mid=jiaocheng&id=8505";
url+= "&sku=0_2";
url+= "&num="+$('#dr_buy_num').val();
window.location.href = url;
}
function order_moban_add_buy_3() {
var url = "https://www.hailuo.cc/index.php?s=order&c=order&m=buy&mid=jiaocheng&id=8505";
url+= "&sku=0_3";
url+= "&num="+$('#dr_buy_num').val();
window.location.href = url;
}
</script>
</body>
</html> 
