div滚动条_css滚动条样式设置

参与查看div滚动条_css滚动条样式设置的讨论话题, 快加入专属圈子与小伙伴们参与讨论吧
所属分类:

div滚动条_css滚动条样式设置

div 添加滚动条只需要指定overflow 属性为auto 即可,以下实例设置了div 水平滚动条:实例[mycode3 type=’html’] 菜鸟教程– 学的不仅是技术,更是梦想!! 菜鸟教程– 学这篇文章主要介绍了详解如何用div实现自制滚动条,滚动条是浏览器中最常见的组件了。想要学习如何自制滚动条的方法,需要了解的朋友可以参考下滚动条是浏览器中最常见的组件了。

简介本篇介绍如何给div加上滚动条。方法/步骤1 第一种方法代码如图。必须要设置宽和高。2 打开浏览器查看,如图。3 第二种方法,如图。也需要设置宽高。4 查看结果,如图所示。5 1、我们需要获取浏览器滚动条宽度才好准确的只隐藏div2的滚动条,我们这里设置div2的宽度比它外部div1的宽度多20px,通过div1来剪裁了它超出100px的部分,这只适用。

直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:

如果要出现水平滚DIV滚动条大全jsScrolling–给div加滚动条+++ 控制表格内的滚动条-51windows.Net- <META NAME="Author" CONTENT="51windows,海娃,haiwa。</p> <p><img src="https://a-oss.zmki.cn/show/runoob/e754776118b831dab24234ce516c0fe8.webp" title="div滚动条" alt="div滚动条" /></p> <p style="font-size:16px;color:#FFCCFF"> <div style="height:300px;width:100px;overflow:auto"> <div/>(height和width根据需求设定) 注意:如果只写height就只有垂直滚动条,只写width就只有水平滚动条,display:none;/*隐藏滚动条*/ } p{ margin-bottom:30px; font-size:17px; color:#333; } </style> <p> 如需转载,请注明文章出处和来源网址:<a href="https://www.zmki.cn/go/?url=http://www.baidu.com/" target="_blank" rel="noopener noreferrer nofollow">百度</a>也不知道我。</p> <p style="font-size:16px;color:#669900">div 加滚动条的两种方法:一、divstyle=” overflow:scroll; width:400px; height:400px;”></div> <p> 记住宽和高一定要设置噢,否则不成的不过在不超出时,会有下对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏。</p> <div class="entry-copyright"> <fieldset style="border:1px dashed #008CFF;padding:10px;border-radius:5px;line-height: 2em;color: #6D6D6D"> <div style="float:right;"><a style="color:red;" rel="external nofollow noopener noreferrer" title="点击提交,谢谢您!" target="_blank" href="http://zhanzhang.baidu.com/sitesubmit/index?sitename=https://www.zmki.cn/show/16303.html">百度未收录</a></div><div class='yarpp yarpp-related yarpp-related-website yarpp-template-thumbnails'> <!-- YARPP Thumbnails --> <h3>相关文章:</h3> <div class="yarpp-thumbnails-horizontal"> <a class='yarpp-thumbnail' rel='norewrite' href='https://www.zmki.cn/show/9148.html' title='div滚动条_table加滚动条'> <span class="yarpp-thumbnail-default"><img src="https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">div滚动条_table加滚动条</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://www.zmki.cn/show/11531.html' title='滚动条设置_滚动条样式怎么设置'> <span class="yarpp-thumbnail-default"><img src="https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">滚动条设置_滚动条样式怎么设置</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://www.zmki.cn/show/17972.html' title='json菜鸟教程_js简单验证用户名重复'> <span class="yarpp-thumbnail-default"><img src="https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">json菜鸟教程_js简单验证用户名重复</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://www.zmki.cn/show/21178.html' title='菜鸟课程网_菜鸟教程是学什么的'> <span class="yarpp-thumbnail-default"><img src="https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">菜鸟课程网_菜鸟教程是学什么的</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://www.zmki.cn/show/14540.html' title='菜鸟编程_菜鸟教程c++教程'> <span class="yarpp-thumbnail-default"><img src="https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">菜鸟编程_菜鸟教程c++教程</span></a> <a class='yarpp-thumbnail' rel='norewrite' href='https://www.zmki.cn/show/13061.html' title='菜鸟教程官网_新手学编程该怎么入门'> <span class="yarpp-thumbnail-default"><img src="https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">菜鸟教程官网_新手学编程该怎么入门</span></a> </div> </div> </div> <div class="content-footer post-content-footer" v-cloak> <div class="post-content-footer-in"> <div class="content-footer-poster"> <button class="poster-span b2tooltipbox" @click="openPoster()" data-title="海报分享"><i class="b2font b2-share-forward-fill "></i><b class="mobile-show">海报分享</b></button> <button @click="goComment()" class="mobile-hidden b2tooltipbox comment-span" data-title="去评论"><i class="b2font b2-chat-2-fill "></i></button> <button :class="['text favorite-button',{'sc':postData.favorites_isset},'b2tooltipbox']" @click="postFavoriteAc" data-title="收藏"><i class="b2font b2-star-fill "></i><b class="mobile-show">{{postData.favorites_isset ? '已收藏' : '收藏'}}</b></button> </div> <div class="content-footer-zan-cai b2tooltipbox" data-title="喜欢"> <span @click="vote('up')" :class="postData.up_isset ? 'picked' : ''"><i class="b2font b2-heart-fill "></i><b v-text="postData.up"></b></span> <span @click="vote('down')" :class="postData.down_isset ? 'picked mobile-show' : 'mobile-show'"><i class="b2font b2-dislike-fill "></i><b v-text="postData.down"></b></span> </div> </div> </div> </article> <style> .u-backgroundColorWhite { background-color: #fff; } .postFooterInfo { padding: 25px 16px 25px 16px; } .u-marginTop30 { margin-bottom: 20px; } .u-flex { display: flex; align-items: center; } .postFooterInfo .avatar { border-radius: 100%; width: 75px; height: 75px; } .u-flex0 { flex: 0 0 auto; } .u-paddingLeft15 { padding-left: 15px; } .u-flex1 { flex: 1 1 auto; } .authorCard--content { position: relative; } .authorCard--title { font-size: 18px; color: #4370f5; margin-bottom: 5px; } .authorCard--title { font-size: 18px; color: #4370f5; margin-bottom: 5px; } .authorCard--title .icon { margin-left: 4px; } .authorCard--title .icon { margin-left: 4px; } .authorCard--content svg { width: 16px; height: 16px; } .authorCard--content .button { position: absolute; right: 0; top: 0; } .authorCard--title .button--follow { padding: 6px 12px; } .authorCard--description { padding-bottom: 0; color: rgba(0,0,0,.6); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; } .authorCard--meta { border-top: 1px dashed #eee; padding-top: 10px; font-size: 14px; color: rgba(0,0,0,.6); line-height: 1.4; } .authorCard--meta { border-top: 1px dashed #eee; padding-top: 10px; font-size: 14px; color: rgba(0,0,0,.6); line-height: 1.4; } .dot:before { content: "·"; margin-left: .5em; margin-right: .5em; } .vxname img{ display: none; } .vxname:hover img{ display: block; height: 100px; width: 100px; position: absolute; right: -7px; top: 33px; } .button--follow{ background: #fff; border: 1px solid #4e6ef2; border-radius: 4px; color: #4e6ef2; } .button--follow:hover { color: #fff; background-color: #4e6ef2; } </style> <div class="postFooterInfo u-marginTop30 u-backgroundColorWhite b2-radius"> <div class="u-flex"> <div class="u-flex0"><a href="https://www.zmki.cn/users/auuAwtzuk" target="_blank"><img src="https://thirdwx.qlogo.cn/mmopen/vnH5zISFTgUQ1UrX8SicAVQ4KLFP3e27PPd6KRbia5hlI3qdkbv4nAF5OJz78xxuVh9Qa53rzwQwLqHDhd9WREvicwDs1eYmKM7/132" alt="" height="75" width="75" class="avatar"></a></div> <div class="u-flex1 u-paddingLeft15 u-overflowHidden"> <div class="authorCard--content"><span class="authorCard--title u-flex"><a href="https://www.zmki.cn/users/auuAwtzuk" target="_blank">Alextao</a> <i class="b2-vrenzhengguanli b2font b2-color" style="position: inherit;display: inherit;" title="钻芒博客站长"></i> <div class="vxname"> <button class="button button--follow">关注公众号</button> <img src='https://open.weixin.qq.com/qr/code?username=gh_2f72541c9eb5'> </div> </span></div> <div class="authorCard--description"> 崇尚技术,乐享极致 </div> <div class="authorCard--meta"><span class="authorInfo-item">337篇作品</span><span class="dot"></span><span class="authorInfo-item">11,980,470总阅读量</span></div> </div> </div> </div> <div class="related-posts mg-t mg-b box b2-radius"><div class="related-posts-title">猜你喜欢</div><div class="hidden-line"><div class="related-posts-in"> <div class="related-posts-item"> <div> <div class="related-post-thumb" style="background-image:url(https://a-oss.zmki.cn/show/w3cschool/e754776118b831dab24234ce516c0fe8.webp)"><a href="https://www.zmki.cn/show/9148.html" class="link-block"></a></div> <h2><a href="https://www.zmki.cn/show/9148.html">div滚动条_table加滚动条</a></h2> <div class="realte-post-meta"> <span><time class="b2timeago" datetime="2021-07-18 21:20:17" itemprop="datePublished">7月18日</time></span><span><i class="b2font b2-chat-2-fill "></i>0</span><span><i class="b2font b2-eye-fill "></i>27</span> </div> </div> </div> <div class="related-posts-item"> <div> <div class="related-post-thumb" style="background-image:url(https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png)"><a href="https://www.zmki.cn/show/11531.html" class="link-block"></a></div> <h2><a href="https://www.zmki.cn/show/11531.html">滚动条设置_滚动条样式怎么设置</a></h2> <div class="realte-post-meta"> <span><time class="b2timeago" datetime="2021-06-08 09:09:39" itemprop="datePublished">6月8日</time></span><span><i class="b2font b2-chat-2-fill "></i>0</span><span><i class="b2font b2-eye-fill "></i>28</span> </div> </div> </div> <div class="related-posts-item"> <div> <div class="related-post-thumb" style="background-image:url(https://a-oss.58bili.com/wp-content/uploads/2021/08/202108110722195.png)"><a href="https://www.zmki.cn/show/17972.html" class="link-block"></a></div> <h2><a href="https://www.zmki.cn/show/17972.html">json菜鸟教程_js简单验证用户名重复</a></h2> <div class="realte-post-meta"> <span><time class="b2timeago" datetime="2021-07-04 20:23:29" itemprop="datePublished">7月4日</time></span><span><i class="b2font b2-chat-2-fill "></i>0</span><span><i class="b2font b2-eye-fill "></i>26</span> </div> </div> </div> <div class="related-posts-item"> <div> <div class="related-post-thumb" style="background-image:url(https://a-oss.zmki.cn/show/runoob/6494d9f58b5e9086239853f4d9285ebb.webp)"><a href="https://www.zmki.cn/show/21178.html" class="link-block"></a></div> <h2><a href="https://www.zmki.cn/show/21178.html">菜鸟课程网_菜鸟教程是学什么的</a></h2> <div class="realte-post-meta"> <span><time class="b2timeago" datetime="2021-07-22 16:06:45" itemprop="datePublished">7月22日</time></span><span><i class="b2font b2-chat-2-fill "></i>0</span><span><i class="b2font b2-eye-fill "></i>43</span> </div> </div> </div> </div></div></div> <!--Google广告 底部--> <!--横幅AD--> <div id="content" > <div class="b2-single-content wrapper collection single-sidebar-hidden show_zmki"> <div id="primary-home" class="content-area"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6090468738815368" crossorigin="anonymous"></script> <!-- Show-AD-底部 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6090468738815368" data-ad-slot="6180454569" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <aside id="secondary" class="widget-area"> <div class="sidebar"> <div class="sidebar-innter widget-ffixed"> </div> </div> </aside> </div> </div> <!-- 公告弹窗 --> <div id="post-gg"> <post-gg :show="show" :title="title" :content="content" @close="close" v-cloak></post-gg> </div> <!-- 登陆与注册组件 --> <div id="login-box"> <login-box ref="loginBox" :show="show" :allow-register="'1'" :check-type="'telandemail'" :login-type="loginType" :login-text="'手机号或邮箱'" :invitation="'0'" :invitation-link="'#'" :invitation-text="'获取邀请码'" :img-box-code="imgCode" @close-form="close" @login-ac="loginAc" v-cloak></login-box> </div> <!-- 验证码组件 --> <div id="recaptcha-form"> <recaptcha-box :show="show" :type="type" @close-form="close" v-cloak></recaptcha-box> </div> <!-- 搜索组件 --> <div id="search-box"> <search-box :show="show" :search-type="searchType" @close="close" v-cloak></search-box> </div> <!-- 公告弹窗 --> <div id="gg-box"> <gg-box :show="show" @close="close" v-cloak></gg-box> </div> <!-- 私信弹窗 --> <div id="dmsg-box" @click.stop=""> <dmsg-box :show="show" :userid="userid" :type="select" @close="close" v-cloak></dmsg-box> </div> <!-- 扫码支付 --> <div id="scan-box" @click.stop=""> <scan-box :show="show" :data="data" @close="close" v-cloak></scan-box> </div> <!-- 支付检查 --> <div id="pay-check" @click.stop=""> <check-box :show="show" :title="title" :type="type" :payt="payType" @close="close" v-cloak></check-box> </div> <!-- 支付组件 --> <div id="ds-box" ref="dsmoney"> <ds-box :show="show" :money="money" :msg="msg" :user="user" :author="author" :data="data" :showtype="showtype" @close="close" @clean="clean" @change="change" v-cloak></ds-box> </div> <!-- 积分支付组件 --> <div id="credit-box" ref="creditbox"> <credit-box :show="show" :data="data" :user="user" @close="close" v-cloak></credit-box> </div> <!-- 财富页面组件 --> <div id="money-buy" ref="moneyBuy"> <money-buy :show="show" :data="data" :user="user" @close="close" v-cloak></money-buy> </div> <!-- 微信绑定组件 --> <div id="weixin-bind" ref="weixinBind"> <weixin-bind :show="show" :url="url" @close="close" v-cloak></weixin-bind> </div> <!-- 公告弹窗 --> <div id="post-gg"> <post-gg :show="show" :title="title" :content="content" @close="close" v-cloak></post-gg> </div> <!-- 关注公众号登录 --> <div id="mp-box"> <mp-box ref="b2mp" :show="show" :invitation="'0'" :invitation-link="'#'" :invitation-text="'获取邀请码'" @close="close" v-cloak></mp-box> </div> <!-- 社交强制绑定 --> <div id="binding-login" ref="bindLogin"> <bind-login :show="show" :type="type" @close="close" v-cloak ref="bindBox"></bind-login> </div> <!-- 海报组件 --> <div id="poster-box"> <poster-box :show="show" :data="data" @close-form="close" v-cloak></poster-box> </div> </div> <style> .site-footer{ background-color:#ffffff } .site-footer-nav{ background-color:#ffffff } #bigTriangleColor{ background-color:#ffffff } </style> <!-- <svg id="bigTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none"><path d="M0 0 L50 100 L100 0 Z"></path></svg> --> <footer id="colophon" class="footer"> <div class="site-footer-nav"> <div class="wrapper"> <!--自定义开始--> <ul class="content-wrapper home-footer__top-content space-between"> <li><a href="" target="_blank" rel="noopener noreferrer nofollow">ZMKI.CN 邀请了行业头部KOL、新媒体、自媒体、产品、营销、运营策划爱好者和大家一起交流学习。</a></li> <li><a href="" target="_blank" rel="noopener noreferrer nofollow">书店:ZMKI.CN网书店整理行业优质书籍,通过积分可以免费兑换,您也可以把你的书分享给更多的朋友。</a></li> <li><a href="" target="_blank" rel="noopener noreferrer nofollow">圈子:产品、运营、设计、营销、文案爱好者聊天摸鱼的好地方,有好的资源可以通过圈子分享给更多的人。</a></li> </ul> <div class="content-wrapper home-footer__bottom-content"> <ul class="home-footer__bottom-content__share space-between"> <li> <svg aria-hidden="true" class="hx-icon footer-wechat-icon"> <use xlink:href="#icon-wechat"> <symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20.639 16.788" id="icon-wechat"> <g transform="translate(-108.872 -29.464)"> <path class="a" d="M122.828,34.543a3.049,3.049,0,0,1,.7.053c-.642-2.94-3.742-5.132-7.378-5.132-4.01,0-7.271,2.727-7.271,6.2a5.865,5.865,0,0,0,2.94,4.919l-.748,2.192,2.566-1.283a10.209,10.209,0,0,0,2.513.374h.7a7.231,7.231,0,0,1-.214-1.55,5.956,5.956,0,0,1,6.2-5.774Zm-3.9-1.978a.909.909,0,0,1,0,1.818.929.929,0,1,1,0-1.818Zm-5.132,1.818a.921.921,0,1,1,0-1.818.909.909,0,0,1,0,1.818Z"></path> <path class="a" d="M534.433,308.4c0-2.887-2.94-5.293-6.2-5.293-3.475,0-6.2,2.406-6.2,5.293,0,2.94,2.727,5.293,6.2,5.293a10.856,10.856,0,0,0,2.192-.321l1.978,1.069-.535-1.818a5.661,5.661,0,0,0,2.566-4.224ZM526.2,307.5a.757.757,0,0,1-.748-.7.8.8,0,0,1,.748-.749.846.846,0,0,1,.909.749C527.109,307.175,526.735,307.5,526.2,307.5Zm4.01,0a.708.708,0,0,1-.7-.7.757.757,0,0,1,.7-.749.846.846,0,0,1,.909.749C531.119,307.175,530.745,307.5,530.21,307.5Z" transform="translate(-404.923 -268.195)"></path> </g> </symbol> </use> </svg> <div class="home-footer__bottom-content__share__qrcode"> <img alt="wechat" style="border-radius:4px;" src="https://open.weixin.qq.com/qr/code?username=zmkexun"> </div> </li> </ul> <ul class="home-footer__bottom-content__info"> <li><a target="_blank" href="" rel="noopener noreferrer nofollow"> 关于我们 </a></li> <li><a target="_blank" href="" rel="noopener noreferrer nofollow"> 广告服务 </a></li> <li><a target="_blank" href="" rel="noopener noreferrer nofollow"> 服务声明 </a></li> <li style="margin-right: 0px; margin-left: 40px;"><a target="_blank" href="" rel="noopener noreferrer nofollow"> 版权声明 </a></li> </ul> </div> <div class="footer-bottom"> <div class="footer-bottom-left"> <div class="copyright">Copyright © 2021<a href="https://www.zmki.cn" rel="home"> 钻芒博客</a></div> <div class="beian"> <span class="b2-dot">・</span><a rel="nofollow" target="__blank" href="https://beian.miit.gov.cn">浙ICP备2021024642号-5</a> </div> </div> <div class="footer-bottom-right"> 查询 106 次,耗时 0.7662 秒 </div> </div> </div> </div> </footer> <div id="mobile-footer-menu" class="mobile-footer-menu mobile-show footer-fixed" ref="footerMenu" v-show="show"> <div class="mobile-footer-left"> <a href="https://www.zmki.cn"><span><i class="b2font b2-home-heart-line"></i></span><b>首页</b></a><a href="https://www.zmki.cn/collection"><span><i class="b2font b2-article-line"></i></span><b>专题</b></a> </div> <div class="mobile-footer-center"> <button @click="postPoBox.show = true"><span><i class="b2font b2-add-line b2-radius "></i></span></button> </div> <div class="mobile-footer-right"> <a href="javascript:void(0)" onclick="mobileMenu.showAc(true)"><span><i class="b2font b2-menu-fill "></i></span><b>菜单</b></a><a href="javascript:void(0)" onclick="window.event.cancelBubble = true;b2AsideBar.goMyPage()"><span v-if="!msg"><i class="b2font b2-user-heart-line "></i></span><span v-else v-cloak><i class="b2font b2-notification-3-line "></i></span><b id="footer-menu-user">我的</b><b class="footer-new-msg" v-show="msg" v-cloak></b></a> </div> </div> <div id="post-po-box" class="post-po-box"> <div :class="['post-box-content',{'show':show}]" @click="show = false"> <div class="po-post-in b2-radius" v-cloak> <div class="po-post-icons"> <div> <button @click.stop="go('https://www.zmki.cn/write','write')"> <span class="po-post-icon"><i class="b2font b2-quill-pen-line "></i></span> <span class="po-post-title">发布文章</span> </button> </div> <div> <button @click.stop="go('https://www.zmki.cn/newsflashes?action=showbox','newsflashes')"> <span class="po-post-icon"><i class="b2font b2-flashlight-line "></i></span> <span class="po-post-title">发布快讯</span> </button> </div> <div> <button @click.stop="go('https://www.zmki.cn/create-circle','create_circle')"> <span class="po-post-icon"><i class="b2font b2-donut-chart-fill "></i></span> <span class="po-post-title">创建圈子</span> </button> </div> <div> <button @click.stop="go('https://www.zmki.cn/circle','create_topic')"> <span class="po-post-icon"><i class="b2font b2-chat-smile-3-line "></i></span> <span class="po-post-title">发表话题</span> </button> </div> <div class="po-verify"> <button @click.stop="go('https://www.zmki.cn/requests','request')"> <i class="b2font b2-clipboard-line "></i><span>提交工单</span> </button> </div> </div> <div class="po-close-button"> <button @click.stop="show = false"><i class="b2font b2-close-line "></i></button> </div> </div> </div> </div> </div> <div id="tjuser"></div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MPGJGV2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <script> /* 为wordpress主题添加“内容展开/收缩”功能开始 */ jQuery(document).ready( function(jQuery){ jQuery('.collapseButton').click(function(){ jQuery(this).parent().parent().find('.xContent').slideToggle('slow'); }); }); /* 为wordpress主题添加“内容展开/收缩”功能开始 */ </script><script type='text/javascript' src='https://www.zmki.cn/wp-content/plugins/Pure-Highlightjs/assets/pure-highlight.js?ver=0.1.0' id='pure-highlightjs-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/plugins/Pure-Highlightjs/highlight/prism.js?ver=0.9.2' id='Prism-js-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/plugins/zhanzhangb-share/js/jquery.qrcode.min.js?ver=1.0.0' id='zhanzhangb-qrcode-scripts-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/plugins/zhanzhangb-share/js/zhanzhangb-pop-ups.js?ver=1.0.0' id='zhanzhangb-pop-ups-scripts-js'></script> <script type='text/javascript' id='vue-js-extra'> /* <![CDATA[ */ var b2_global = {"is_home":"","is_weixin":"","site_name":"\u94bb\u8292\u535a\u5ba2","site_separator":"-","page_title":"\u7b2c{#}\u9875","login":"<div :class=\"['modal',{'show-modal':show}]\" v-cloak>\r\n <div class=\"modal-content login-box-content b2-radius\">\r\n <div class=\"box login-box-top\">\r\n <span class=\"close-button\" @click=\"close(0)\">\u00d7<\/span>\r\n <div class=\"login-logo\"><img src=\"https:\/\/a-oss.zmki.cn\/wp-content\/uploads\/2021\/08\/2021080502035244.png\" \/><\/div>\r\n <form @submit.stop.prevent=\"loginSubmit\">\r\n\r\n <div class=\"invitation-box\" v-show=\"invitation != 0 && (loginType == 2 && !invitationPass)\">\r\n <i class=\"b2font b2-gift-2-line \"><\/i>\r\n <p class=\"invitation-des\">\u4f7f\u7528\u9080\u8bf7\u7801\uff0c\u60a8\u5c06\u83b7\u5f97\u4e00\u4efd\u7279\u6b8a\u7684\u793c\u7269\uff01<\/p>\r\n <p class=\"invitation-tips\">\u8bf7\u8f93\u5165\u9080\u8bf7\u7801<\/p>\r\n <div class=\"invitation-input\"><input type=\"text\" name=\"invitation_code\" v-model=\"data.invitation_code\" autocomplete=\"off\"><\/div>\r\n <div class=\"invitation-button\">\r\n <div><a :href=\"invitationLink\" target=\"__blank\">{{invitationText}}<\/a><\/div>\r\n <div>\r\n <b class=\"empty text button\" v-show=\"invitation == 1\" @click.stop.prevent=\"invitationPass = true;showLuo = true\">\u8df3\u8fc7<\/b>\r\n <button :class=\"['button',{'b2-loading':locked}]\" :disabled=\"locked\" >\u63d0\u4ea4<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"login-box-in\" v-show=\"!(invitation != 0 && (loginType == 2 && !invitationPass))\">\r\n <div class=\"login-title\">\r\n <span v-if=\"loginType == 1\"><b class=\"repass-tips\" v-if=\"repass\">\u5bc6\u7801\u4fee\u6539\u6210\u529f\uff0c\u8bf7\u767b\u5f55<\/b><b v-else>\u767b\u5f55<\/b><\/span>\r\n <template v-else-if=\"allowRegister == 1 && loginType == 2\">\r\n <span>\u6ce8\u518c<\/span>\r\n <\/template>\r\n <span v-else-if=\"loginType == 3\">\u627e\u56de\u5bc6\u7801<\/span>\r\n <span v-else-if=\"loginType == 4\">\u8bf7\u8f93\u5165\u60a8\u7684\u65b0\u5bc6\u7801<\/span>\r\n <\/div>\r\n\r\n <label class=\"login-form-item\" v-show=\"loginType == 2\">\r\n <input type=\"text\" name=\"nickname\" tabindex=\"1\" v-model=\"data.nickname\" :class=\"data.nickname ? 'active' : ''\" spellcheck=\"false\" autocomplete=\"off\">\r\n <span><b>\u53ef\u7231\u7684\u6635\u79f0<\/b><\/span>\r\n <\/label>\r\n\r\n <label class=\"login-form-item\" v-show=\"loginType != 4\">\r\n <input type=\"text\" name=\"username\" tabindex=\"2\" v-model=\"data.username\" :class=\"data.username ? 'active' : ''\" spellcheck=\"false\" autocomplete=\"off\">\r\n <span v-if=\"loginType == 3\"><b>\u767b\u5f55\u624b\u673a\u53f7\u6216\u90ae\u7bb1<\/b><\/span>\r\n <span v-else><b>\u767b\u5f55{{loginText}}<\/b><\/span>\r\n <p class=\"login-box-des\" v-show=\"loginType == 2 && (checkType == 'luo' || checkType == 'text')\">\u7528\u4f5c\u767b\u5f55\uff1a\u5b57\u6bcd\u6216\u6570\u5b57\u7684\u7ec4\u5408\uff0c\u6700\u5c116\u4f4d\u5b57\u7b26<\/p>\r\n <p class=\"login-box-des\" v-show=\"loginType == 2 && (checkType != 'luo' && checkType != 'text')\">\u7528\u4f5c\u767b\u5f55<\/p>\r\n <\/label>\r\n\r\n <label class=\"login-form-item\" v-show=\"checkType == 'luo' && showLuo && loginType != 3 && loginType != 4\">\r\n <div class=\"check-code-luo\"><div class=\"l-captcha\" data-site-key=\"\" data-width=\"100%\" data-callback=\"getResponse\"><\/div><\/div>\r\n <\/label>\r\n\r\n <label :class=\"['login-form-item login-check-input',{'show':(((loginType == 2 || loginType == 3) && data.username && checkType != 'luo') || (checkType == 'luo' && loginType == 3))}]\">\r\n <input type=\"text\" name=\"checkCode\" tabindex=\"3\" v-model=\"data.img_code\" :class=\"data.img_code ? 'active' : ''\" spellcheck=\"false\" v-if=\"checkType == 'text' && loginType != 3\" autocomplete=\"off\">\r\n <input type=\"text\" name=\"checkCode\" tabindex=\"3\" v-model=\"data.code\" :class=\"data.code ? 'active' : ''\" spellcheck=\"false\" autocomplete=\"off\" v-else>\r\n <span><b>\u9a8c\u8bc1\u7801<\/b><\/span>\r\n <div class=\"check-code-img\" v-if=\"checkType == 'text' && loginType != 3\" @click=\"changeCode\">\r\n <img :src=\"codeImg\" v-if=\"codeImg\"\/>\r\n <i class=\"recaptcha-load\" v-else><\/i>\r\n <\/div>\r\n <b class=\"login-eye button text\" @click.stop.prevent=\"!SMSLocked && count == 60 ? sendCode() : ''\" v-else>{{count < 60 ? count+'\u79d2\u540e\u53ef\u91cd\u53d1' : '\u53d1\u9001\u9a8c\u8bc1\u7801'}}<\/b>\r\n <\/label>\r\n\r\n <label class=\"login-form-item\" v-show=\"loginType != 3\">\r\n <input name=\"password\" :type=\"eye ? 'text' : 'password'\" tabindex=\"4\" v-model=\"data.password\" :class=\"data.password ? 'active' : ''\" autocomplete=\"off\" spellcheck=\"false\">\r\n <span><b v-if=\"loginType == 4\">\u65b0\u5bc6\u7801<\/b><b v-else>\u5bc6\u7801<\/b><\/span>\r\n <b class=\"login-eye button text\" @click.stop.prevent=\"eye = !eye\"><i :class=\"['b2font',eye ? 'b2-eye-fill' : 'b2-eye-off-fill']\"><\/i><\/b>\r\n <\/label>\r\n\r\n <label class=\"login-form-item\" v-show=\"loginType == 4\">\r\n <input name=\"repassword\" :type=\"eye ? 'text' : 'password'\" tabindex=\"5\" v-model=\"data.confirmPassword\" :class=\"data.confirmPassword ? 'active' : ''\" autocomplete=\"off\" spellcheck=\"false\">\r\n <span><b>\u91cd\u590d\u65b0\u5bc6\u7801<\/b><\/span>\r\n <p class=\"login-box-des\" v-show=\"loginType == 4\">\u6700\u5c116\u4f4d\u5b57\u7b26<\/p>\r\n <\/label>\r\n\r\n <div class=\"forget-pass-info\" v-if=\"loginType == 3\">\u8bf7\u586b\u5199\u60a8\u6ce8\u518c\u65f6\u4f7f\u7528\u7684\u624b\u673a\u53f7\u7801\u6216\u90ae\u7bb1\uff0c\u53d1\u9001\u9a8c\u8bc1\u7801\u4ee5\u540e\uff0c\u8bf7\u5728\u624b\u673a\u53f7\u7801\u6216\u90ae\u7bb1\u4e2d\u67e5\u770b\uff0c\u5e76\u586b\u5199\u5230\u6b64\u5904\uff01\uff08\u9a8c\u8bc1\u78013\u5206\u949f\u6709\u6548\u671f\uff09<\/div>\r\n\r\n <div :class=\"loginType == 3 || loginType == 4 || (invitationPass && loginType == 2) ? 'login-tk-forget login-tk' : 'login-tk'\">\r\n <p v-if=\"loginType == 4\"><a href=\"javascript:void(0)\" @click=\"loginAc(3)\">\u8fd4\u56de\u4fee\u6539<\/a><\/p>\r\n <p v-if=\"loginType == 2 && invitationPass\">\u9080\u8bf7\u7801\u9519\u4e86\uff1f<a href=\"javascript:void(0)\" @click=\"invitationPass = false;showLuo = false\">\u4fee\u6539<\/a><\/p>\r\n <p class=\"login-p\" v-if=\"(loginType == 1 || loginType == 3) && allowRegister == 1\"><a v-if=\"loginType == 1\" href=\"javascript:void(0)\" @click=\"loginAc(3)\">\u5fd8\u8bb0\u5bc6\u7801\uff1f<\/a><span>\u65b0\u7528\u6237\uff1f<a href=\"javascript:void(0)\" @click=\"loginAc(2)\">\u6ce8\u518c<\/a><\/span><\/p>\r\n <p v-if=\"loginType == 2 || loginType == 3 || loginType == 4\"><a v-if=\"loginType == 2\" href=\"javascript:void(0)\" @click=\"loginAc(3)\">\u5fd8\u8bb0\u5bc6\u7801\uff1f<\/a><span>\u5df2\u6709\u5e10\u53f7\uff1f<a href=\"javascript:void(0)\" @click=\"loginAc(1)\">\u767b\u5f55<\/a><\/span><\/p>\r\n <\/div>\r\n\r\n <div class=\"login-bottom\">\r\n <button v-if=\"loginType == 1\" :class=\"locked ? 'b2-loading' : ''\" :disabled=\"locked\">\u5feb\u901f\u767b\u5f55<\/button>\r\n <button :class=\"locked ? 'b2-loading' : ''\" v-if=\"loginType == 2 && allowRegister == 1\" :disabled=\"locked\">\u5feb\u901f\u6ce8\u518c<\/button>\r\n <button v-if=\"loginType == 3\" :class=\"locked ? 'b2-loading' : ''\" :disabled=\"locked\">\u4e0b\u4e00\u6b65<\/button>\r\n <button v-if=\"loginType == 4\" :class=\"locked ? 'b2-loading' : ''\" :disabled=\"locked\">\u63d0\u4ea4<\/button>\r\n <\/div>\r\n <\/div>\r\n <div :class=\"'login-social-button '+(openOauth ? 'show' : '')\">\r\n <div :class=\"['login-social-button-bottom',{'is-weixin':isWeixin}]\">\r\n <div>\u793e\u4ea4\u767b\u5f55:<\/div>\r\n <div>\r\n <template v-for=\"(open,key,index) in oauth\">\r\n <a :href=\"open.url\" :class=\"'button login-'+key\" @click=\"markHistory(open.mp)\" v-if=\"open.open\"><i :class=\"'b2font b2-'+key\"><\/i><span>{{open.name}}<\/span><\/a>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"site-terms\">\r\n <span>\u6ce8\u518c\u767b\u5f55\u5373\u8868\u793a\u540c\u610f <a href=\"https:\/\/www.zmki.cn\/terms\" target=\"_blank\">\u7528\u6237\u534f\u8bae<\/a>\u3001<a href=\"https:\/\/www.zmki.cn\/privacy-policy\" target=\"_blank\">\u9690\u79c1\u653f\u7b56<\/a><\/span>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>","search_box":"<div :class=\"['modal',{'show-modal':show}]\" v-cloak @click.stop=\"\">\r\n <div class=\"modal-content search-box-content b2-radius\" >\r\n <div class=\"login-logo\"><img src=\"https:\/\/a-oss.zmki.cn\/wp-content\/uploads\/2021\/08\/2021080502035244.png\" \/><\/div>\r\n <span class=\"close-button\" @click=\"close()\">\u00d7<\/span>\r\n <div class=\"search-title\">\u641c\u7d22\u4e00\u4e0b\u53ef\u80fd\u6765\u5f97\u66f4\u5feb<\/div>\r\n <form @click.stop=\"\" method=\"get\" action=\"https:\/\/www.zmki.cn\" :class=\"showSearch ? 'search-form-normal b2-show b2-radius' : 'search-form-normal b2-hidden b2-radius'\" v-cloak>\r\n <input class=\"search-input b2-radius\" type=\"text\" name=\"s\" autocomplete=\"off\" placeholder=\"\u8bf7\u8f93\u5165\u5173\u952e\u8bcd\">\r\n <input type=\"hidden\" name=\"type\" v-model=\"type\">\r\n <div class=\"search-button\"><button class=\"\">\u641c\u7d22<\/button><\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n ","gg_box":"\r\n <div :class=\"['modal','gg-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\" v-if=\"ggdata\">\r\n <span class=\"close-button\" @click=\"close()\">\u00d7<\/span>\r\n <div class=\"gg-box-title\" :style=\"ggdata.thumb ? 'background-image:url('+ggdata.thumb+')' : ''\">\r\n <div class=\"gg-title\">\r\n <h2>\u516c\u544a<\/h2>\r\n <span>{{ggdata.date}}<\/span>\r\n <\/div>\r\n <div class=\"title-bg\"><\/div>\r\n <\/div>\r\n <div class=\"gg-title\"><a :href=\"ggdata.href\" v-text=\"ggdata.title\" @click=\"close()\"><\/a><\/div>\r\n <div class=\"gg-desc\"><p>{{ggdata.desc}}<\/p><\/div>\r\n <div class=\"gg-button\"><a class=\"button\" :href=\"ggdata.href\" @click=\"close()\">\u524d\u5f80\u67e5\u770b\u8be6\u60c5<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n ","dmsg_box":"\r\n <div :class=\"['modal','dmsg-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"dmsg-box-header\" v-if=\"type !== 'select'\" v-cloak>\r\n <img :src=\"user.avatar\"><span v-text=\"user.name\"><\/span><span class=\"dmsg-edit-user\" v-if=\"search == true && type == ''\" @click=\"edit()\">\u4fee\u6539<\/span>\r\n <\/div>\r\n <div class=\"dmsg-select\" v-else v-cloak>\r\n <p>\u8bf7\u8f93\u5165\u5bf9\u65b9\u6635\u79f0\uff0c\u4ece\u4e0b\u62c9\u6846\u91cc\u9009\u62e9\u6536\u4ef6\u4eba<\/p>\r\n <input type=\"text\" v-model=\"nickname\" placeholder=\"\u641c\u7d22\u6635\u79f0\" readonly onfocus=\"this.removeAttribute('readonly');\" autocomplete=\"off\">\r\n <div class=\"dmsg-user-list\" v-if=\"UserList.length > 0\" v-cloak>\r\n <ul>\r\n <li v-for=\"user in UserList\" @click=\"getUserData(user.id)\">\r\n <img :src=\"user.avatar\" class=\"b2-radius\"\/>\r\n <div class=\"dmsg-user-list-row\">\r\n <h2 v-text=\"user.name\"><\/h2>\r\n <p>{{user.desc ? user.desc : '\u6682\u65e0\u63cf\u8ff0'}}<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <span class=\"close-button\" @click=\"close()\">\u00d7<\/span>\r\n <div class=\"\">\r\n <textarea id=\"textarea\" :placeholder=\"user.name ? '\u7ed9'+user.name+'\u53d1\u79c1\u4fe1' : '\u79c1\u4fe1\u5185\u5bb9'\" class=\"dmsg-textarea\" v-model=\"content\"><\/textarea>\r\n <\/div>\r\n <div class=\"dmsg-button\">\r\n <button class=\"empty\" @click=\"close()\">\u53d6\u6d88<\/button>\r\n <button @click=\"send()\" :disabled=\"content == '' || (type !== 'select' && !user.name) ? true : false\" :class=\"locked ? 'b2-loading' : ''\">\u53d1\u9001<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","ds_box":"\r\n <div :class=\"['modal','ds-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"pay-box-title\">\r\n <div :class=\"'pay-box-left'+(showtype == 'ds' ? ' ds-pay-title' : '')\" ref=\"dstitle\">\r\n <template v-if=\"showtype == 'ds'\">\r\n <img :src=\"author.avatar\">\r\n <span>\u7ed9{{author.name}}\u4e70\u7cd6<\/span>\r\n <\/template>\r\n <template v-else-if=\"showtype == 'cz' || showtype == 'card'\">\r\n <span>\u5145\u503c<\/span>\r\n <\/template>\r\n <template v-else-if=\"showtype == 'cg'\">\r\n <span>\u79ef\u5206\u8d2d\u4e70<\/span>\r\n <\/template>\r\n <template v-else>\r\n {{data.title}}\r\n <\/template>\r\n <\/div>\r\n <div class=\"pay-box-right\">\r\n <span class=\"pay-close\" @click=\"close()\">\u00d7<\/span>\r\n <\/div>\r\n <\/div>\r\n <div v-if=\"showtype == 'cg'\" class=\"cg-info\">\r\n \uffe5<span>{{payMoney}}<\/span>\u53ef\u8d2d\u4e70<span>{{creditAdd()}}<\/span>\u79ef\u5206\uff0c\u6700\u4f4e\u5151\u6362\u989d\u5ea6\uffe5<span>{{cg.min}}<\/span>\r\n <\/div>\r\n <div :class=\"'pay-box-content'+' '+showtype\">\r\n <input type=\"password\" style=\"position:absolute;top:-999px\" v-cloak\/>\r\n <template v-if=\"showtype == 'ds'\">\r\n <div class=\"ds-msg\">{{msg}}<\/div>\r\n <ul class=\"ds-money\">\r\n <li v-for=\"(m,index) in money\" @click=\"picked(m,index)\" :class=\"value == index ? 'picked' : ''\"><div class=\"ds-item\"><i class=\"b2font b2-tang \"><\/i><span v-text=\"m\"><\/span><b>\uffe5<\/b><\/div><\/li>\r\n <li @click=\"picked(0,5)\" :class=\"value == 5 ? 'picked' : ''\">\r\n <label class=\"ds-item\" v-if=\"value == 5\"><i class=\"b2font b2-tang \"><\/i><input type=\"number\" id=\"dsinput\" v-model=\"payMoney\" oninput=\"value=value.replace(\/[^\\d]\/g,'')\"><b>\uffe5<\/b><\/label>\r\n <label class=\"ds-item ds-item-custom\" v-else for=\"dsinput\"><i class=\"b2font b2-edit-2-line \"><\/i>\u81ea\u5b9a\u4e49<\/label>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"ds-textarea\">\r\n <textarea placeholder=\"\u7ed9Ta\u7559\u8a00\u2026\" v-model=\"content\"><\/textarea>\r\n <\/div>\r\n <\/template>\r\n <template v-else-if=\"showtype == 'cz'\">\r\n <div class=\"pay-box-desc\">\u8bf7\u8f93\u5165\u5145\u503c\u91d1\u989d\uff1a<\/div>\r\n <input class=\"pay-cz-input\" type=\"number\" v-model=\"payMoney\" oninput=\"value=value.replace(\/[^\\d]\/g,'')\">\r\n <\/template>\r\n <template v-else-if=\"showtype == 'card'\">\r\n <div class=\"pay-box-desc\">\u8bf7\u8f93\u5165\u60a8\u7684\u5145\u503c\u5361\u548c\u5bc6\u7801\uff1a<\/div>\r\n <input type=\"text\" v-model=\"card.number\" placeholder=\"\u5361\u53f7\">\r\n <input type=\"text\" v-model=\"card.password\" placeholder=\"\u5bc6\u7801\">\r\n <div class=\"card-text\">\r\n <span v-html=\"card.text\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <template v-else-if=\"showtype == 'cg'\">\r\n <div class=\"pay-box-desc\">\u8bf7\u8f93\u5165\u8981\u8d2d\u4e70\u7684\u91d1\u989d<\/div>\r\n <input type=\"number\" v-model=\"payMoney\" placeholder=\"\u91d1\u989d\" oninput=\"value=value.replace(\/[^\\d]\/g,'')\">\r\n <\/template>\r\n <template v-else>\r\n <div class=\"pay-box-desc\">\u652f\u4ed8\u91d1\u989d<\/div>\r\n <\/template>\r\n <template v-if=\"showtype !== 'cz' && showtype !== 'card' && showtype !== 'cg'\">\r\n <div :class=\"showtype !== 'ds' ? 'ds-price' : 'ds-price mar0'\">\r\n <p class=\"ds-current-money\"><i>\uffe5<\/i><span v-text=\"payMoney\"><\/span><\/p>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <div class=\"pay-my-money\" v-if=\"login\">\r\n <span class=\"b2-radius\">\u60a8\u5f53\u524d\u7684\u4f59\u989d\u4e3a\uffe5{{user.money ? user.money : 0}}<a href=\"https:\/\/www.zmki.cn\/gold\" class=\"b2-color\" target=\"_blank\" v-show=\"showtype != 'cz' && showtype != 'card'\">\u5145\u503c\u4f59\u989d<\/a><\/span>\r\n <p v-show=\"payMoney === 0 && payMoney != '' && showtype !== 'cz' && showtype !== 'card'\" v-cloak>\u5546\u54c1\u4ef7\u683c\u4e3a0\u5143\uff0c\u8bf7\u4f7f\u7528\u4f59\u989d\u4ed8\u6b3e\uff01<\/p>\r\n <\/div>\r\n <div class=\"pay-type\">\r\n <ul>\r\n <li v-if=\"allow.alipay && !isWeixin\"><button class=\"b2-radius\" :class=\"payType == 'alipay' ? 'picked' : ''\" @click=\"chosePayType('alipay')\" :disabled=\"payMoney == 0 && payType !== 'card' ? true : false\"><i class=\"b2font b2-alipay-fill \"><\/i><span>\u652f\u4ed8\u5b9d<\/span><\/button><\/li>\r\n <li v-if=\"allow.wecatpay\"><button class=\"b2-radius\" :class=\"payType == 'wecatpay' ? 'picked' : ''\" @click=\"chosePayType('wecatpay')\" :disabled=\"payMoney == 0 && payType !== 'card' ? true : false\"><i class=\"b2font b2-wechat-pay-fill \"><\/i><span>\u5fae\u4fe1<\/span><\/button><\/li>\r\n <li v-if=\"allow.paypal\"><button class=\"b2-radius\" :class=\"payType == 'paypal' ? 'picked' : ''\" @click=\"chosePayType('paypal')\" :disabled=\"payMoney == 0 && payType !== 'card' ? true : false\"><i class=\"b2font b2-paypal-fill \"><\/i><span>PayPal<\/span><\/button><\/li>\r\n <li v-if=\"allow.balance && login\"><button class=\"b2-radius\" :class=\"payType == 'balance' ? 'picked' : ''\" @click=\"chosePayType('balance')\"><i class=\"ds-pay-yue\">\uffe5<\/i><span>\u4f59\u989d<\/span><\/button><\/li>\r\n <li v-if=\"allow.card\"><button class=\"b2-radius\" :class=\"payType == 'card' ? 'picked' : ''\" @click=\"chosePayType('card')\"><i class=\"b2font b2-bank-card-fill \"><\/i><span>\u5361\u5bc6<\/span><\/button><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"pay-button\">\r\n <div>\r\n <a v-if=\"jump == 'jump'\" :href=\"!disabled() ? href : 'javascript:void(0)'\" :class=\"'button '+(disabled() ? 'disabled' : '')\" :target=\"!disabled() ? '_blank' : ''\" @click=\"pay()\"><span v-if=\"!payMoney && payType != 'card'\">\u8bf7\u8f93\u5165\u91d1\u989d<\/span><span v-else-if=\"!payType\">\u8bf7\u9009\u62e9\u652f\u4ed8\u65b9\u5f0f<\/span><span v-else-if=\"payType\">\u652f\u4ed8<\/span><\/a>\r\n <button :class=\"locked ? 'b2-loading' : ''\" :disabled=\"disabled() || locked ? true : false\" @click=\"pay()\" v-else><span v-if=\"!payMoney && payType != 'card'\">\u8bf7\u8f93\u5165\u91d1\u989d<\/span><span v-else-if=\"!payType\">\u8bf7\u9009\u62e9\u652f\u4ed8\u65b9\u5f0f<\/span><span v-else-if=\"payType\">\u652f\u4ed8<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","scan_box":"\r\n <div :class=\"['modal','ds-box scan-box',{'show-modal':show}]\" data-money=\"\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"pay-box-title\">\r\n <div class=\"pay-box-left\" ref=\"dstitle\">\r\n <span class=\"\" v-html=\"data.title\"><\/span>\r\n <\/div>\r\n <div class=\"pay-box-right\">\r\n <span class=\"pay-close\" @click=\"close()\">\u00d7<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pay-box-content\">\r\n <div class=\"pay-check\" v-if=\"success === true\">\r\n <div class=\"green\"><i class=\"b2font b2-check-double-line \"><\/i><\/div>\r\n <h2>....\u652f\u4ed8\u6210\u529f....<\/h2>\r\n <div class=\"pay-check-button\"><button @click=\"refresh()\">\u786e\u5b9a<\/button><\/div>\r\n <\/div>\r\n <div class=\"pay-check\" v-else-if=\"success === 'fail'\">\r\n <div class=\"red\"><i class=\"b2font b2-close-line \"><\/i><\/div>\r\n <h2>....\u652f\u4ed8\u5931\u8d25....<\/h2>\r\n <div class=\"pay-check-button\"><button @click=\"close()\">\u786e\u5b9a<\/button><\/div>\r\n <\/div>\r\n <div class=\"scan-info\" v-else>\r\n <div class=\"qrcode-img b2-radius\"><img :src=\"backData.qrcode\"><\/div>\r\n <div class=\"qrcode-money\"><span v-text=\"'\uffe5'+data.order_price\"><\/span><\/div>\r\n <div v-if=\"!backData.is_weixin && backData.is_mobile\">\u8bf7\u622a\u56fe\u4f7f\u7528<span v-if=\"data.pay_type == 'alipay'\" class=\"scan-alipay\">\u652f\u4ed8\u5b9d<\/span><span v-else class=\"scan-wecatpay\">\u5fae\u4fe1\u76f8\u518c<\/span>\u8bc6\u522b\u652f\u4ed8<\/div>\r\n <div class=\"qrcode-desc\" v-else>\u8bf7\u6253\u5f00\u624b\u673a\u4f7f\u7528<span v-if=\"data.pay_type == 'alipay'\" class=\"scan-alipay\">\u652f\u4ed8\u5b9d<\/span><span v-else class=\"scan-wecatpay\">\u5fae\u4fe1<\/span>\u626b\u7801\u652f\u4ed8<\/div>\r\n <div class=\"qrcode-time\">\u300c<span v-html=\"timesec\"><\/span>\u300d<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","pay_check":"\r\n <div :class=\"['modal','ds-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"pay-box-title\">\r\n <div class=\"pay-box-left\" ref=\"dstitle\" v-html=\"title\">\r\n <\/div>\r\n <div class=\"pay-box-right\">\r\n <span class=\"pay-close\" @click=\"close()\">\u00d7<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pay-box-content\">\r\n <template v-if=\"type == 'card'\">\r\n <div class=\"pay-check\">\r\n <div class=\"green\"><i class=\"b2font b2-check-double-line \"><\/i><\/div>\r\n <h2>....\u5145\u503c\u6210\u529f....<\/h2>\r\n <div class=\"pay-check-button\"><button @click=\"refresh()\">\u786e\u5b9a<\/button><\/div>\r\n <\/div>\r\n <\/template>\r\n <template v-else>\r\n <div class=\"pay-check\" v-if=\"success == false\">\r\n <div><i class=\"b2font b2-waiting \"><\/i><\/div>\r\n <h2>....\u652f\u4ed8\u786e\u8ba4\u4e2d....<\/h2>\r\n <div class=\"qrcode-time\">\u300c<span v-html=\"timesec\"><\/span>\u300d<\/div>\r\n <\/div>\r\n <div class=\"pay-check\" v-if=\"success == 'fail'\">\r\n <div class=\"red\"><i class=\"b2font b2-close-line \"><\/i><\/div>\r\n <h2>....\u652f\u4ed8\u5931\u8d25....<\/h2>\r\n <div class=\"pay-check-button\"><button @click=\"close()\">\u786e\u5b9a<\/button><\/div>\r\n <\/div>\r\n <div class=\"pay-check\" v-if=\"success == true\">\r\n <div class=\"green\"><i class=\"b2font b2-check-double-line \"><\/i><\/div>\r\n <h2>....\u652f\u4ed8\u6210\u529f....<\/h2>\r\n <div class=\"pay-check-button\"><button @click=\"refresh()\">\u786e\u5b9a<\/button><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","credit_box":"\r\n <div :class=\"['modal','credit-pay-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"pay-box-title\">\r\n <div class=\"pay-box-left\">\r\n {{decodeURI(data.title)}}\r\n <\/div>\r\n <div class=\"pay-box-right\">\r\n <span class=\"pay-close\" @click=\"close()\">\u00d7<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pay-box-content\">\r\n <div class=\"credit-pay-title\">\r\n \u79ef\u5206\u652f\u4ed8\r\n <\/div>\r\n <div class=\"pay-credit\">\r\n <i class=\"b2font b2-coin-line \"><\/i><span v-text=\"data.order_price\"><\/span>\r\n <\/div>\r\n <div class=\"pay-my-money\">\r\n <span class=\"b2-radius\">\u60a8\u5f53\u524d\u7684\u79ef\u5206\u4e3a<i class=\"b2font b2-coin-line \"><\/i>{{user.credit ? user.credit : 0}}<\/span>\r\n <\/div>\r\n <div v-show=\"parseInt(user.credit) < parseInt(data.order_price)\" class=\"credit-tips b2-hover red\">\r\n \u60a8\u5f53\u524d\u7684\u79ef\u5206\u4e0d\u8db3\uff0c\u8bf7 <a href=\"https:\/\/www.zmki.cn\/gold\/credit\" target=\"blank\">\u8d2d\u4e70\u79ef\u5206<\/a>\r\n <\/div>\r\n <div class=\"pay-button\">\r\n <div>\r\n <button :class=\"locked ? 'b2-loading' : ''\" :disabled=\"disabled()\" @click=\"pay()\">\u652f\u4ed8<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","mp_box":"\r\n <div :class=\"['modal','mp-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"login-logo\"><img src=\"https:\/\/a-oss.zmki.cn\/wp-content\/uploads\/2021\/08\/2021080502035244.png\" \/><\/div>\r\n <span class=\"pay-close\" @click=\"close()\">\u00d7<\/span>\r\n <div class=\"mp-box-content\">\r\n <div class=\"invitation-box\" v-show=\"token\">\r\n <i class=\"b2font b2-gift-2-line \"><\/i>\r\n <p class=\"invitation-des\">\u4f7f\u7528\u9080\u8bf7\u7801\uff0c\u60a8\u5c06\u83b7\u5f97\u4e00\u4efd\u7279\u6b8a\u7684\u793c\u7269\uff01<\/p>\r\n <p class=\"invitation-tips\">\u8bf7\u8f93\u5165\u9080\u8bf7\u7801<\/p>\r\n <div class=\"invitation-input\"><input type=\"text\" name=\"invitation_code\" v-model=\"invitationCode\" autocomplete=\"off\"><\/div>\r\n <div class=\"invitation-button\">\r\n <div><a :href=\"invitationLink\" target=\"__blank\">{{invitationText}}<\/a><\/div>\r\n <div>\r\n <b class=\"empty text button\" v-show=\"invitation == 1\" @click=\"checkInv()\">\u8df3\u8fc7<\/b>\r\n <button :class=\"['button',{'b2-loading':locked}]\" :disabled=\"locked\" @click=\"checkInv()\">\u63d0\u4ea4<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div v-show=\"!token\">\r\n <div class=\"mp-login-img\"><img :src=\"qrcode\" v-if=\"qrcode\"><\/div>\r\n <p>\u6253\u5f00\u5fae\u4fe1\u626b\u4e00\u626b<\/p>\r\n <p class=\"desc\">\u626b\u7801\u5e76\u300c\u5173\u6ce8\u6211\u4eec\u7684\u516c\u4f17\u53f7\u300d\u5b89\u5168\u5feb\u6377\u767b\u5f55<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","weixin_bind":"\r\n <div :class=\"['modal','bind-weixin',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"weixin-bind\">\r\n <p>\u68c0\u6d4b\u5230\u60a8\u672a\u7ed1\u5b9a\u5fae\u4fe1\u8d26\u6237\uff0c\u8bf7\u5148\u7ed1\u5b9a\u5fae\u4fe1<\/p>\r\n <a :href=\"url\" class=\"button\">\u7acb\u523b\u7ed1\u5b9a<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","bind_login":"\r\n <div :class=\"['modal','binding-login',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"login-box-in\">\r\n <span class=\"pay-close\" @click=\"close()\">\u00d7<\/span>\r\n <div class=\"bind-pass-info\">\r\n <img :src=\"userData.avatar\" \/>\r\n <p><span v-text=\"userData.name\"><\/span><\/p>\r\n <div v-if=\"!success\">\u4e3a\u4e86\u786e\u4fdd\u60a8\u7684\u8d26\u6237\u5b89\u5168<br>\u8bf7\u60a8\u8bbe\u7f6e\u4e00\u4e2a<b v-if=\"type === 'tel'\">\u624b\u673a\u53f7\u7801<\/b><b v-else-if=\"type === 'email'\">\u90ae\u7bb1<\/b><b v-else-if=\"type === 'telandemail'\">\u624b\u673a\u53f7\u7801\u6216\u90ae\u7bb1<\/b><b v-else>\u767b\u5f55\u7528\u6237\u540d<\/b>\u548c\u5bc6\u7801<\/div>\r\n <\/div>\r\n <div class=\"bind-success\" v-if=\"success\">\r\n <p class=\"green\"><i class=\"b2font b2-check-double-line \"><\/i>\u8bbe\u7f6e\u6210\u529f<\/p>\r\n <div>\u73b0\u5728\uff0c\u60a8\u4e5f\u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u7684\u8d26\u6237\u6765\u767b\u5f55<h2><span v-text=\"success\"><\/span><\/h2><\/div>\r\n <p>\u795d\u60a8\u4f7f\u7528\u6109\u5feb<\/p>\r\n <button class=\"empty\" @click=\"close\">\u5173\u95ed<\/button>\r\n <\/div>\r\n <template v-else>\r\n <label class=\"login-form-item\">\r\n <input type=\"text\" name=\"username\" v-model=\"data.username\" tabindex=\"1\" spellcheck=\"false\" autocomplete=\"off\" class=\"\"> \r\n <span><b v-if=\"type === 'tel'\">\u624b\u673a\u53f7\u7801<\/b><b v-else-if=\"type === 'email'\">\u90ae\u7bb1<\/b><b v-else-if=\"type === 'telandemail'\">\u624b\u673a\u53f7\u7801\u6216\u90ae\u7bb1<\/b><b v-else>\u767b\u5f55\u7528\u6237\u540d<\/b><\/span> \r\n <p class=\"login-box-des\" v-if=\"type === 'tel'\">\u8bf7\u586b\u5199\u60a8\u7684\u624b\u673a\u53f7\u7801<\/p>\r\n <p class=\"login-box-des\" v-else-if=\"type === 'email'\">\u8bf7\u586b\u5199\u60a8\u7684\u90ae\u7bb1<\/p>\r\n <p class=\"login-box-des\" v-else-if=\"type === 'telandemail'\">\u8bf7\u586b\u5199\u60a8\u7684\u624b\u673a\u53f7\u7801\u6216\u90ae\u7bb1<\/p>\r\n <p class=\"login-box-des\" v-else>\u8bf7\u586b\u5199\u60a8\u7684\u7684\u767b\u5f55\u7528\u6237\u540d<\/p>\r\n <input id=\"username\" style=\"left: -99999px;position: absolute;\" type=\"text\" name=\"fakeusernameremembered\">\r\n <input id=\"password\" style=\"left: -99999px;position: absolute;\" class=\"cp-password_stub\" type=\"password\" name=\"fakepasswordremembered\">\r\n <\/label>\r\n <label :class=\"['login-form-item login-check-input',{'show':showCheck()}]\" v-if=\"type != 'login'\">\r\n <input type=\"text\" name=\"checkCode_bind\" tabindex=\"3\" class=\"\" v-model=\"data.code\" autocomplete=\"off\" spellcheck=\"false\"> \r\n <span><b>\u9a8c\u8bc1\u7801<\/b><\/span>\r\n <b class=\"login-eye button text\" @click.stop.prevent=\"!SMSLocked && count == 60 ? sendCode() : ''\">{{count < 60 ? count+'\u79d2\u540e\u53ef\u91cd\u53d1' : '\u53d1\u9001\u9a8c\u8bc1\u7801'}}<\/b>\r\n <\/label>\r\n <label class=\"login-form-item\">\r\n <input name=\"password\" :type=\"eye ? 'text' : 'password'\" tabindex=\"4\" v-model=\"data.password\" :class=\"data.password ? 'active' : ''\" autocomplete=\"off\" spellcheck=\"false\">\r\n <span><b>\u5bc6\u7801<\/b><\/span>\r\n <b class=\"login-eye button text\" @click.stop.prevent=\"eye = !eye\"><i :class=\"['b2font',eye ? 'b2-eye-open' : 'b2-eye-close']\"><\/i><\/b>\r\n <p class=\"login-box-des\">\u6700\u5c116\u4f4d\u5b57\u7b26<\/p>\r\n <\/label>\r\n <div class=\"login-bottom\"><button class=\"\" @click=\"submit\" :class=\"locked ? 'b2-loading' : ''\" :disabled=\"locked\">\u63d0\u4ea4<\/button><\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n ","structure":"\/%post_id%.html","check_code":"<div :class=\"['modal','recaptcha-form',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"check-code-luo modal-content-innter\" v-if=\"loginType != 3 && checkType != 'normal'\">\r\n <a href=\"javascript:void(0)\" class=\"close-icon\" @click=\"close\"><i class=\"b2font b2-close-line \"><\/i><\/a>\r\n <h2>\u8bf7\u8fdb\u884c\u4eba\u673a\u9a8c\u8bc1<\/h2>\r\n <div class=\"l-captcha\" data-site-key=\"\" data-width=\"100%\" data-callback=\"getResponse\"><\/div>\r\n <\/div>\r\n <form @submit.stop.prevent=\"checkCode\" v-else>\r\n <div class=\"modal-content-innter\">\r\n <div class=\"recaptcha-img\">\r\n <img :src=\"recaptchaUrl\" @click=\"change\" v-if=\"recaptchaUrl\">\r\n <span class=\"recaptcha-load\" v-else><\/span>\r\n <h2>\u8bf7\u8f93\u5165\u9a8c\u8bc1\u7801<\/h2>\r\n <p>\u8bf7\u8f93\u5165\u56fe\u7247\u4e2d\u7684\u9a8c\u8bc1\u7801<br>\u70b9\u51fb\u53d1\u9001\u6309\u94ae\u83b7\u53d6\u9a8c\u8bc1\u7801<\/p>\r\n <\/div>\r\n <input type=\"text\" spellcheck=\"false\" :class=\"recaptcha ? 'input-align-center' : ''\" autocomplete=\"off\" v-model=\"recaptcha\">\r\n <\/div> \r\n <div class=\"recaptcha-button\">\r\n <a href=\"javascript:void(0)\" class=\"button\" @click=\"close\">\u53d6\u6d88<\/a><button type=\"submit\" :disabled=\"disabled\" class=\"recaptcha-send button\">\u53d1\u9001<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>","site_info":{"site_uri":"https:\/\/www.zmki.cn\/wp-content\/themes\/b2","admin_ajax":"https:\/\/www.zmki.cn\/wp-admin\/admin-ajax.php?action="},"cookie_allow":"0","b2_gap":"16","rest_url":"https:\/\/www.zmki.cn\/wp-json\/","pay_url":"https:\/\/www.zmki.cn\/pay","localStorage_msg":"\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301 localStorage \uff0c\u8bf7\u66f4\u6362\u6d4f\u89c8\u5668\u4ee5\u540e\u518d\u8fdb\u884c\u767b\u5f55\u548c\u6ce8\u518c\u7684\u64cd\u4f5c","empty_page":"<div class=\"empty-page\"><img src=\"https:\/\/www.zmki.cn\/wp-content\/themes\/b2\/Assets\/fontend\/images\/b2-page-empty.svg\"><p>\u6682\u65e0\u76f8\u5173\u7ed3\u679c<\/p><\/div>","default_video_poster":"https:\/\/www.zmki.cn\/wp-content\/themes\/b2\/Assets\/fontend\/images\/xg-poster-default.jpg","default_video_logo":"https:\/\/a-oss.zmki.cn\/wp-content\/uploads\/2021\/08\/2021080502094359.png","page_nav":"<div v-show=\"pages > 1\" class=\"ajax-pager\">\r\n <div class=\"ajax-pagenav\" v-if=\"type === 'p'\">\r\n <div class=\"btn-group\">\r\n <button v-for=\"page in cpages\" :class=\"['empty button',cpaged == page ? 'selected' : '',page == 0 ? 'bordernone' : '',disabled(page) ? 'b2-loading' : '']\" @click.stop.self=\"go(page)\" :disabled=\"disabled(page) || page == 0 || cpaged == page\">{{page != 0 ? page : '...'}}<\/button>\r\n <label class=\"pager-center\" v-show=\"pages >= 7 || mobile\"><input type=\"text\" :value=\"cpaged\" @keyup.enter=\"jump($event)\" autocomplete=\"off\"\/>\/{{pages}} \u9875<\/label>\r\n <\/div>\r\n <div class=\"btn-pager\">\r\n <button :class=\"['empty button',{'b2-loading' : locked && next}]\" @click.stop.self=\"go(cpaged-1,'next')\" :disabled=\"cpaged <= 1 ? true : false\">\u276e<\/button>\r\n <button :class=\"['empty button',{'b2-loading' : locked && per}]\" @click.stop.self=\"go(cpaged+1,'per')\" :disabled=\"cpaged >= pages ? true : false\">\u276f<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ajax-more\" v-else>\r\n <label class=\"pager-center\" for=\"page-input\">\r\n <input id=\"page-input\" type=\"text\" :value=\"cpaged\" @keyup.enter=\"jump($event)\" autocomplete=\"off\"\/>\r\n <button class=\"text button mar10-l\" @click=\"jump($event)\">\u524d\u5f80<\/button>\r\n <\/label>\r\n <button :class=\"['button empty',{'b2-loading' : locked}]\" :disabled=\"locked || cpaged >= pages ? true : false\" @click=\"go(cpaged+1)\">\r\n <span v-if=\"cpaged >= pages\">\u6ca1\u6709\u66f4\u591a<\/span>\r\n <span v-else>\u52a0\u8f7d\u66f4\u591a<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>","copy":{"text":"\u590d\u5236","success":"\u6210\u529f\u590d\u5236","error":"\u5931\u8d25\uff0c\u8bf7\u9009\u4e2d\u590d\u5236"},"search_type":{"post":"\u6587\u7ae0","user":"\u7528\u6237","shop":"\u5546\u94fa","document":"\u5e2e\u52a9\u4e2d\u5fc3","newsflashes":"\u5feb\u8baf","circle":"\u5708\u5b50"},"login_keep_days":"7","language":"zh_CN","post_id":"16303","author_id":"1","poster_box":"<div :class=\"['modal','poster-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\" ref=\"poster\">\r\n <span class=\"close-button\" @click=\"close(0)\">\u00d7<\/span>\r\n <div class=\"poster-content\">\r\n <div class=\"poster-loading button empty b2-loading empty-page text\" v-if=\"!poster\">\r\n <\/div>\r\n <div class=\"poster-box-left\" ref=\"posterContent\">\r\n <div v-show=\"poster\">\r\n <img :src=\"poster\" \/>\r\n <\/div>\r\n <div v-show=\"!poster\">\r\n <div class=\"poster-image\" :style=\"'background-image:url('+(thumb ? thumb : data.thumb)+')'\" v-if=\"data != ''\">\r\n <div class=\"poster-date\">\r\n <div class=\"poster-date-day\">\r\n <span v-text=\"data.date.day\"><\/span>\r\n <\/div>\r\n <div class=\"poster-date-year\">\r\n <span v-text=\"data.date.year\"><\/span>\r\n <span v-text=\"data.date.month\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poster-info\">\r\n <h2 v-html=\"data.title\"><\/h2>\r\n <p v-html=\"data.content\"><\/p>\r\n <\/div>\r\n <div class=\"poster-footer\">\r\n <div class=\"poster-footer-left\">\r\n <img :src=\"logo\" v-if=\"logo\">\r\n <img :src=\"data.logo\" v-else\/>\r\n <p v-text=\"data.desc\"><\/p>\r\n <\/div>\r\n <div class=\"poster-footer-right\">\r\n <img :src=\"data.qrcode\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poster-share\">\r\n <div class=\"share-text\" v-if=\"isWeixin\" v-cloak>\u957f\u6309\u5206\u4eab\u7ed9\u670b\u53cb\uff0c\u6216\u8005\u4fdd\u5b58\u5230\u624b\u673a<\/div>\r\n <template v-else v-cloak>\r\n <div class=\"social-share\">\r\n <p>\u5206\u4eab\u5230\uff1a<\/p>\r\n <button class=\"poster-share-weibo\" @click=\"openWin('http:\/\/service.weibo.com\/share\/share.php?url=https:\/\/www.zmki.cn\/show\/16303.html&sharesource=weibo&title=div%E6%BB%9A%E5%8A%A8%E6%9D%A1_css%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%A0%B7%E5%BC%8F%E8%AE%BE%E7%BD%AE','weibo')\">\u5fae\u535a<\/button>\r\n <button class=\"poster-share-qq\" @click=\"openWin('http:\/\/connect.qq.com\/widget\/shareqq\/index.html?url=https:\/\/www.zmki.cn\/show\/16303.html&sharesource=qzone&title=div%E6%BB%9A%E5%8A%A8%E6%9D%A1_css%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%A0%B7%E5%BC%8F%E8%AE%BE%E7%BD%AE&summary=div+%E6%B7%BB%E5%8A%A0%E6%BB%9A%E5%8A%A8%E6%9D%A1%E5%8F%AA%E9%9C%80%E8%A6%81%E6%8C%87%E5%AE%9Aoverflow+%E5%B1%9E%E6%80%A7%E4%B8%BAauto+%E5%8D%B3%E5%8F%AF%EF%BC%8C%E4%BB%A5%E4%B8%8B%E5%AE%9E%E4%BE%8B%E8%AE%BE%E7%BD%AE%E4%BA%86div+%E6%B0%B4%E5%B9%B3%E6%BB%9A%E5%8A%A8%E6%9D%A1%EF%BC%9A%E5%AE%9E%E4%BE%8B','qq')\">QQ\u597d\u53cb<\/button>\r\n <button class=\"poster-share-qq-k\" @click=\"openWin('https:\/\/sns.qzone.qq.com\/cgi-bin\/qzshare\/cgi_qzshare_onekey?url=https:\/\/www.zmki.cn\/show\/16303.html&sharesource=qzone&title=div%E6%BB%9A%E5%8A%A8%E6%9D%A1_css%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%A0%B7%E5%BC%8F%E8%AE%BE%E7%BD%AE&summary=div+%E6%B7%BB%E5%8A%A0%E6%BB%9A%E5%8A%A8%E6%9D%A1%E5%8F%AA%E9%9C%80%E8%A6%81%E6%8C%87%E5%AE%9Aoverflow+%E5%B1%9E%E6%80%A7%E4%B8%BAauto+%E5%8D%B3%E5%8F%AF%EF%BC%8C%E4%BB%A5%E4%B8%8B%E5%AE%9E%E4%BE%8B%E8%AE%BE%E7%BD%AE%E4%BA%86div+%E6%B0%B4%E5%B9%B3%E6%BB%9A%E5%8A%A8%E6%9D%A1%EF%BC%9A%E5%AE%9E%E4%BE%8B','qq-k')\">QQ\u7a7a\u95f4<\/button>\r\n <\/div>\r\n <div class=\"poster-down-load\">\r\n <p>\u4e0b\u8f7d\u6d77\u62a5\uff1a<\/p>\r\n <a :href=\"poster\" download=\"div\u6eda\u52a8\u6761_css\u6eda\u52a8\u6761\u6837\u5f0f\u8bbe\u7f6e.jpg\" class=\"poster-share-download button\" >\u70b9\u51fb\u4e0b\u8f7d<\/a>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>","show_slider":"1","poster_data":{"title":"div\u6eda\u52a8\u6761_css\u6eda\u52a8\u6761\u6837\u5f0f\u8bbe\u7f6e","content":"div \u6dfb\u52a0\u6eda\u52a8\u6761\u53ea\u9700\u8981\u6307\u5b9aoverflow \u5c5e\u6027\u4e3aauto \u5373\u53ef\uff0c\u4ee5\u4e0b\u5b9e\u4f8b\u8bbe\u7f6e\u4e86div \u6c34\u5e73\u6eda\u52a8\u6761\uff1a\u5b9e\u4f8b","thumb":"https:\/\/a-oss.zmki.cn\/show\/runoob\/e754776118b831dab24234ce516c0fe8.webp","logo":"https:\/\/www.zmki.cn\/wp-content\/themes\/b2child\/img\/logo.png","desc":"\u5d07\u5c1a\u6280\u672f \u4e50\u4eab\u6781\u81f4","date":{"year":"2021","month":"06","day":"26"},"link":"https:\/\/www.zmki.cn\/show\/16303.html?ref=auuAwtzuk"},"poster_error":"\u83b7\u53d6\u6d77\u62a5\u5931\u8d25","check_type":"normal","home_url":"https:\/\/www.zmki.cn","alert_following":"\u786e\u8ba4\u8981\u53d6\u6d88\u5173\u6ce8\u5417\uff1f","followed":"\u5df2\u5173\u6ce8","nofollowed":"<i class=\"b2font b2-add-line \"><\/i>\u5173\u6ce8","alert_favorites":"\u786e\u5b9a\u8981\u53d6\u6d88\u6536\u85cf\u5417\uff1f","top_scroll_pc":"1","top_scroll_mobile":"1","footer_scroll":"1","open_oauth":{"weixin":{"name":"\u5fae\u4fe1","url":"","open":false},"weibo":{"name":"\u5fae\u535a","url":"https:\/\/api.weibo.com\/oauth2\/authorize?client_id=&response_type=code&redirect_uri=https%3A%2F%2Fwww.zmki.cn%2Fopen%3Ftype%3Dweibo","open":false},"qq":{"name":"QQ","url":"https:\/\/graph.qq.com\/oauth2.0\/authorize?client_id=101645360&state=e70804041081db4b9894a3ed6cc5b1f4&response_type=code&redirect_uri=https%3A%2F%2Fwww.zmki.cn%2Fopen%3Ftype%3Dqq","open":true}},"js_text":{"circle":{"ask":"\u5bf9\u60a8\u7684\u95ee\u9898\u8fdb\u884c\u8bf4\u660e","guess":"\u731c\u5bf9\u4ee5\u540e\u8981\u663e\u793a\u7684\u5185\u5bb9","vote":"\u5bf9\u60a8\u7684\u6295\u7968\u9879\u76ee\u8fdb\u884c\u8bf4\u660e","say":"\u6709\u4ec0\u4e48\u65b0\u9c9c\u4e8b\uff1f","repeat_id":"\u8bf7\u4e0d\u8981\u91cd\u590d\u6dfb\u52a0\u540c\u4e00\u4e2a\u7528\u6237","remove_image":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u5f20\u56fe\u7247\u5417\uff1f","remove_video":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u89c6\u9891\u5417\uff1f","remove_file":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u6587\u4ef6\u5417\uff1f","remove_card":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u5361\u7247\u5417\uff1f","create_circle_pay_error":"\u8bf7\u9009\u62e9\u4ed8\u8d39\u673a\u5236","create_circle_role_money_error":"\u8bf7\u81f3\u5c11\u8bbe\u7f6e\u4e00\u4e2a\u91d1\u989d","create_circle_role_join_error":"\u8bf7\u9009\u62e9\u5165\u5708\u89c4\u5219","create_circle_info_error":"\u8bf7\u5b8c\u5584\u5708\u5b50\u8d44\u6599","create_circle_info_name_error":"\u5708\u5b50\u540d\u79f0\u5fc5\u987b\u5927\u4e8e2\u5c0f\u4e8e20\u4e2a\u5b57\u7b26","create_circle_info_desc_error":"\u5708\u5b50\u63cf\u8ff0\u5fc5\u987b\u5927\u4e8e20\u5c0f\u4e8e100\u4e2a\u5b57\u7b26","create_circle_role_lv_error":"\u8bf7\u9009\u62e9\u5141\u8bb8\u5165\u5708\u7684\u7528\u6237\u7ec4","img_locked":"\u8bf7\u4e0a\u4f20\u5b8c\u6bd5\u540e\u518d\u6dfb\u52a0\u65b0\u7684\u4e0a\u4f20","file_count":"\u8d85\u8fc7\u4e0a\u4f20\u6570\u91cf\u9650\u5236","all_users":"\u6240\u6709\u4eba","change_topic_form":"\u5207\u6362\u8ba8\u8bba\u6846\u4f1a\u6e05\u9664\u8ba8\u8bba\u6846\u91cc\u5df2\u6709\u7684\u5185\u5bb9\uff0c\u786e\u5b9a\u8981\u5207\u6362\u5417\uff1f","set_sticky_success":"\u8bbe\u7f6e\u7f6e\u9876\u6210\u529f","set_sticky_fail":"\u53d6\u6d88\u7f6e\u9876\u6210\u529f","delete_success":"\u5220\u9664\u6210\u529f","delete_fail":"\u5220\u9664\u5931\u8d25\uff0c\u8bf7\u8054\u7cfb\u7ba1\u7406\u5458","status_success":"\u5ba1\u6838\u6210\u529f","status_fail":"\u5ba1\u6838\u5931\u8d25","delete_confirm":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u8bdd\u9898\u5417\uff1f","join_success":"\u606d\u559c\uff0c\u60a8\u5df2\u6210\u529f\u52a0\u5165\u672c\u5708","join_title":"\u52a0\u5165\u5708\u5b50","circle_date":{"permanent":"\u6c38\u4e45\u6709\u6548","year":"\u6309\u5e74\u4ed8\u8d39","halfYear":"\u534a\u5e74\u4ed8\u8d39","season":"\u6309\u5b63\u4ed8\u8d39","month":"\u6309\u6708\u4ed8\u8d39"},"text_less":"\u6587\u5b57\u592a\u5c11","text_more":"\u6587\u5b57\u592a\u591a","file_error":"\u8bf7\u5220\u9664\u9519\u8bef\u6587\u4ef6","subing":"\u53d1\u5e03\u4e2d...","sub_success":"\u53d1\u5e03\u6210\u529f","waiting_uploads":"\u7b49\u5f85\u6587\u4ef6\u4e0a\u4f20","submit":"\u7acb\u523b\u63d0\u4ea4","answer_image":"\u60a8\u5df2\u4e0a\u4f20\u8fc7\u4e00\u5f20\u56fe\u7247\uff0c\u786e\u5b9a\u8981\u5220\u9664\u91cd\u65b0\u4e0a\u4f20\u5417\uff1f","answer_file":"\u60a8\u5df2\u4e0a\u4f20\u8fc7\u4e00\u4e2a\u9644\u4ef6\uff0c\u786e\u5b9a\u8981\u5220\u9664\u91cd\u65b0\u4e0a\u4f20\u5417\uff1f","read_answer":"\u5077\u7784\u7b54\u6848","hidden_pay":"\u67e5\u770b\u9690\u85cf\u5185\u5bb9\uff1a","join_comment":"\u52a0\u5165\u5708\u5b50\u540e\u65b9\u53ef\u67e5\u770b\u8bc4\u8bba","delete_answer":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u56de\u7b54\u5417\uff1f","delete_comment":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u6761\u8bc4\u8bba\u5417\uff1f"},"global":{"not_allow":"\u6743\u9650\u4e0d\u8db3","dark_room_down":"\u5c0f\u9ed1\u5c4b\u53cd\u601d\u4e2d\uff0c\u4e0d\u51c6\u4e0b\u8f7d\uff01","comment_down":"\u8bc4\u8bba\u5e76\u5237\u65b0\u540e\u4e0b\u8f7d\uff01","role_down":"\u6ca1\u6709\u6743\u9650\u4e0b\u8f7d\uff0c\u8bf7\u5347\u7ea7\u4f1a\u5458\uff01","mission_tk":"\u7b7e\u5230\u586b\u5751","copy_success":"\u590d\u5236\u6210\u529f","copy_select":"\u8bf7\u9009\u4e2d\u590d\u5236","put_link":"\u8bf7\u8f93\u5165\u8fde\u63a5","video_file_error":"\u89c6\u9891\u6587\u4ef6\u6709\u635f\u574f\uff0c\u65e0\u6cd5\u4e0a\u4f20\uff1a","my":"\u6211\u7684","login":"\u767b\u5f55","has_mission":"\u60a8\u5df2\u7ecf\u7b7e\u5230\u4e86","delete_coupon":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u4f18\u60e0\u52b5\u5417\uff1f","delete_post":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u7bc7\u6587\u7ae0\u5417\uff1f","more_people":"\u7b49\u4eba","pay_money":"\u5145\u503c","pay_money_success":"\u5145\u503c\u6210\u529f","editor_hidden_content":"\u8bf7\u5728\u8fd9\u91cc\u7f16\u8f91\u60a8\u7684\u9690\u85cf\u5185\u5bb9","pay_credit":"\u79ef\u5206\u8d2d\u4e70","buy_count_error":"\u8d2d\u4e70\u6570\u91cf\u9519\u8bef","delete_address":"\u786e\u5b9a\u8981\u5220\u9664\u8fd9\u4e2a\u5730\u5740\u5417\uff1f","add_address":"\u8bf7\u6dfb\u52a0\u60a8\u7684\u6536\u8d27\u5730\u5740","add_email":"\u8bf7\u6dfb\u52a0\u60a8\u7684\u90ae\u7bb1\u5730\u5740\uff01","buy":"\u8d2d\u4e70","get_success":"\u9886\u53d6\u6210\u529f","min":"\u5206","sec":"\u79d2","edit_success":"\u4fee\u6539\u6210\u529f","all":"\u5168\u90e8","newsflashe_r":"\u5feb\u8baf\u6807\u9898\u548c\u5185\u5bb9\u5fc5\u586b","newsflashe_insert_success":"\u5feb\u8baf\u53d1\u5e03\u6210\u529f","credit_pay":"\u786e\u5b9a\u8981\u6d88\u8d39 ${credit} \u79ef\u5206\u8fdb\u884c\u62bd\u5956\u5417\uff1f","missioning":"\u7b7e\u5230\u4e2d,\u8bf7\u7a0d\u540e...","mission_success":"\u7b7e\u5230\u6210\u529f","save_r_success":"\u4fdd\u5b58\u8349\u7a3f\u6210\u529f","read_more":"\u9605\u8bfb\u66f4\u591a","sketchpad_empty":"\u6d82\u9e26\u4e0d\u53ef\u4e3a\u7a7a\uff01","tuya":"\u6d82\u9e26","tx_alert":"\u7533\u8bf7\u4e4b\u540e\u4f59\u989d\u4f1a\u6263\u9664\u63d0\u73b0\u90e8\u5206\uff0c\u7a0d\u540e\u7531\u6211\u4eec\u4eba\u5de5\u4e3a\u60a8\u63d0\u73b0\uff0c\u786e\u8ba4\u8981\u63d0\u73b0\u5417\uff1f"}},"wx_mp_in_login":"0","post_gg":"\r\n <div :class=\"['modal','post-gg-box',{'show-modal':show}]\">\r\n <div class=\"modal-content b2-radius\">\r\n <div class=\"post-gg-title\" v-html=\"title\"><\/div>\r\n <div class=\"post-gg-content\" v-html=\"content\"><\/div>\r\n <div class=\"post-gg-button\"><a class=\"b2-color\" href=\"javascript:void(0)\" @click=\"close\">\u786e\u5b9a<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n ","prettify_load":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/vue.min.js?ver=3.1.92' id='vue-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/vuex.min.js?ver=3.1.92' id='vuex-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-includes/js/clipboard.min.js?ver=5.8.1' id='clipboard-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/axios.min.js?ver=3.1.92' id='axios-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/qs.min.js?ver=3.1.92' id='qs-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/flickity.pkgd.min.js?ver=3.1.92' id='sliders-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/qrious.min.js?ver=3.1.92' id='qrious-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/packery.pkgd.min.js?ver=3.1.92' id='packery-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/message.min.js?ver=3.1.92' id='timeago-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/nprogress.js?ver=3.1.92' id='ngprogress-js-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/zooming.min.js?ver=3.1.92' id='b2-js-zooming-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/autosize.min.js?ver=3.1.92' id='b2-autosize-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/vue-scrollto.js?ver=3.1.92' id='scrollto-js-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/sticky-sidebar.min.js?ver=3.1.92' id='sticky-js-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/lazyload.min.js?ver=3.1.92' id='lazyload-js-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/prettify.min.js?ver=3.1.92' id='prettify-js'></script> <script type='text/javascript' id='weixin-js-extra'> /* <![CDATA[ */ var weixin_share = []; weixin_share = {"appid":"wx1ccd1730cbf7e890","debug":0,"timestamp":1632091918,"nonce_str":"VUZYK9s953ayZ6sX","signature":"c0a85e8c2ac52798d815c8318e6378822a5c94c9","img":"https:\/\/a-oss.zmki.cn\/show\/runoob\/e754776118b831dab24234ce516c0fe8.webp","title":"div滚动条_css滚动条样式设置","desc":"div 添加滚动条只需要指定overflow 属性为auto 即可,以下实例设置了div 水平滚动条:实例","link":"https:\/\/www.zmki.cn\/show\/16303.html","post_id":16303,"jsApiList":["checkJsApi","updateAppMessageShareData","updateTimelineShareData"],"openTagList":["wx-open-launch-weapp"]}; /* ]]> */ </script> <script type='text/javascript' src='//res.wx.qq.com/open/js/jweixin-1.2.0.js?ver=3.1.92' id='weixin-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/main.js?ver=3.1.92' id='b2-js-main-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/library/sketchpad.js?ver=3.1.92' id='b2-js-sketchpad-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2/Assets/fontend/single.js?ver=3.1.92' id='b2-js-single-js'></script> <script type='text/javascript' src='https://zz.bdstatic.com/linksubmit/push.js?ver=5.8.1' id='baidu_zz_push-js'></script> <script type='text/javascript' id='wppay-js-extra'> /* <![CDATA[ */ var wppay_ajax_url = "https:\/\/www.zmki.cn\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/plugins/wppay/static/js/wppay.js?ver=2.1' id='wppay-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/plugins/b2_tongji/b2_user_control/tj_user.js?ver=4.5' id='tj_user-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2child/Assets/Js/jquery.min.js?ver=3.1.92' id='b2-jquery-js'></script> <script type='text/javascript' src='https://www.zmki.cn/wp-content/themes/b2child/child.js?ver=3.1.92' id='b2-child-js'></script> <script type='text/javascript' src='https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=5.8.1' async='async' id='remote_sdk-js'></script> </body> </html>