CINXE.COM
产业平台版
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>产业平台版</title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="/pc_static/css/layui.css"> <link rel="stylesheet" href="/pc_static/css/style.css"> </head> <body class="platform-edition"> <script src="/pc_static/js/layui.js"></script> <div class="header bg-white"> <div class="header-con"> <div class="logo"> <a href="https://www.cncn.net"><img src="//net.cncnimg.cn/home/logo.png" alt=""></a> </div> <div class="login-btn"> <a href="http://www.cncn.net/reg">注册</a> <a href="http://www.cncn.net/login" class="btn_animate">登录后台</a> </div> </div> </div> <div class="menu bg-white"> <div class="menu-con"> <ul> <li class="J-about" data-nav="about"> <a href="https://www.cncn.net" class="nav">关于欣欣<i class="icon-arrow"></i></a> </li> <li data-nav="revive" class="current"> <a href="/circles/diy" target="_blank" class="nav">产业复活指南</a> </li> <li data-nav="oneMobile"> <a href="https://www.cncn.net/about/oneMobile" class="nav">一机游</a> </li> <li data-nav="youcai"> <a href="https://www.cncn.net/about/youcai" class="nav">多多优采</a> </li> <li> <a href="http://www.jingdian.com/#server" target="_blank" class="nav">智慧政务</a> </li> <li data-nav="travel" class=""> <a href="https://www.cncn.net/about/travel" class="nav">智慧旅行社</a> </li> <li class=""> <a href="https://news.cncn.net/" target="_blank" class="nav">文旅界</a> </li> <li data-nav="server" class=""> <a href="https://www.cncn.net/about/server" class="nav">支持与服务</a> </li> </ul> </div> </div> <div class="sub-menu" style="display: none;"> <div class="about"> <div class="about-con"> <div class="item"> <div class="sub-item"> <strong>关于欣欣</strong> <dl> <dt><a href="/about/index">欣欣简介 ></a></dt> <dd>凝聚力量，共同成长</dd> </dl> <dl> <dt><a href="https://www.cncn.com/corp/about10.html" target="_blank">团队介绍 ></a></dt> <dd>欣欣有你更精彩</dd> </dl> <dl> <dt><a href="/about/join">加入我们 ></a></dt> <dd>遇见你，预见未来</dd> </dl> </div> <div class="sub-item"> <strong> </strong> <dl> <dt><a href="https://www.cncn.com/corp/partner.html" target="_blank">合作伙伴 ></a></dt> <dd>开放，合作，共赢</dd> </dl> <dl> <dt><a href="https://www.cncn.com/corp/about3.html" target="_blank">企业文化 ></a></dt> <dd>使命 愿景 价值观</dd> </dl> <dl> <dt><a href="https://www.cncn.com/corp/about5.html" target="_blank">工作环境 ></a></dt> <dd>让创意和灵感在工作中迸发</dd> </dl> </div> <div class="sub-item"> <strong>欣欣动态</strong> <dl> <dt><a href="/about/media">最新报道 ></a></dt> <dd>了解欣欣最新动态</dd> </dl> <dl> <dt><a href="https://www.cncn.com/corp/about2.html" target="_blank">欣欣历程 ></a></dt> <dd>12年欣欣大事记</dd> </dl> <dl> <dt><a href="https://www.cncn.com/corp/about8.html" target="_blank">公司荣誉 ></a></dt> <dd>记录行业对欣欣的认可</dd> </dl> </div> </div> <div class="item"> <strong>联系我们</strong> <dl> <dt><a href="javascript:;">咨询热线 ></a></dt> <dd><i class="icon_tel"></i><em>0592-5372159</em></dd> </dl> <dl> <dt><a href="javascript:;">售前咨询 ></a></dt> <dd>huangld@cncn.net</dd> </dl> <dl> <dt><a href="javascript:;">关注欣欣 ></a></dt> <dd> <a href="javascript:;"> <i class="icon_weixin"></i> <div class="hide-con"> <img src="//net.cncnimg.cn/home/qr_gongzhonghao.jpg" alt=""> 扫码二维码 </div> </a> <a href="javascript:;"> <i class="icon_weibo"></i> <div class="hide-con"> <img src="//net.cncnimg.cn/home/qr_weibo.jpg" alt=""> 扫码二维码 </div> </a> </dd> </dl> </div> </div> </div> <div class="sub-menu-close J-sub-menu-close"></div> </div> <div class="fixnav_mode"> <div class="item net_qrcode"> <span>联系<br>我们</span> <div class="hover_box"> <i class="san_icon"></i> <strong>联系我们</strong> <dl> <dt><a href="javascript:;">咨询热线 ></a></dt> <dd><i class="icon_tel"></i><em>0592-5372159</em></dd> </dl> <dl> <dt><a href="javascript:;">售前咨询 ></a></dt> <dd>huangld@cncn.net</dd> </dl> <dl> <dt><a href="javascript:;">关注欣欣 ></a></dt> <dd> <a href="javascript:;"> <i class="icon_weixin"></i> <div class="hide-con"> <img src="//net.cncnimg.cn/home/qr_gongzhonghao.jpg" alt=""> 扫码二维码 </div> </a> <a href="javascript:;"> <i class="icon_weibo"></i> <div class="hide-con"> <img src="//net.cncnimg.cn/home/qr_weibo.jpg" alt=""> 扫码二维码 </div> </a> </dd> </dl> </div> </div> <a href="http://www.cncn.net/support/display/191" target="_blank" class="item cncn-qrcode"> <span>官方<br>微信</span> <div class="hover_box"> <i class="san_icon"></i> <div class="qrcode"> <span>欣欣同业官方微信</span> <img src="http://b2b.cncn.net//static/images/caigou/cncn_net_qrcode.png" alt=""> </div> </div> </a> <a href="http://www.cncn.net/feedback" target="_blank" class="item yjfk">反馈</a> <a href="http://www.cncn.net/support/display/191" target="_blank" class="item help">帮助</a> <a href="javascript:" class="item gotop J_gotop"> <i class="icon-gotop"></i> <span>顶部</span> </a> </div> <script> layui.use(['jquery'], function () { $ = layui.jquery; var diyHeader = { init: function () { this.topBtn(); this.menu(); }, topBtn: function () { $(window).scroll(function(){ var scrolltop=$(this).scrollTop(); if(scrolltop<100){ $('.J_gotop').css('display','none'); }else{ $('.J_gotop').css('display','flex'); } }); $('.J_gotop').on('click',function(){ $("html,body").animate({ scrollTop: 0 }, 500); }); }, menu:function () { //二级导航 $('.menu-con li').hover(function(e){ clearInterval(window.timer); var self = $(this) // self.siblings().removeClass('on') self.addClass('on') if(!self.hasClass('current')){ self.siblings().not('.current').removeClass('on') } if(self.hasClass('J-about')){ $('.sub-menu').slideDown() self.siblings().not('.current').removeClass('on') }else{ $('.sub-menu').stop().slideUp() } },function(){ var self = $(this) window.timer = window.setTimeout(function (){ self.removeClass('on') if(self.hasClass('J-about')){ $('.sub-menu').slideUp() } },200); }) $('.sub-menu').hover(function(e){ clearInterval(window.timer); $('.sub-menu').slideDown() },function(){ window.timer = window.setTimeout(function (){ $('.sub-menu').stop().slideUp() $('.J-about').removeClass('on') if(!$('.J-about').hasClass('current')){ } },200); }) $('.J-sub-menu-close').click(function(){ $('.sub-menu').slideUp() }) } } diyHeader.init(); }) </script> <div class="layui-layout layui-layout-admin" id="js-rolling-load"> <input type="hidden" value="71814845" id="j-circles_no"> <input type="hidden" value="0" id="j-tuid"> <input type="hidden" value="" id="j-user_name"> <div class="layui-carousel carousel-hd" id="carousel"> <div carousel-item> <div style="background-image: url(/pc_static/img/customize/banner1.jpg)" class="item"></div> <div style="background-image: url(/pc_static/img/customize/banner2.jpg)" class="item"></div> <div style="background-image: url(/pc_static/img/customize/banner4.jpg)" class="item"></div> </div> </div> <div class="layui-container article-index-warp "> <div class="layui-row layui-col-space20"> <div class="layui-col-md2"> <div class="bg-white p20 lay-main js-tab-warp"> <div class="layui-tab layui-tab-brief tab-warp" > <ul class="layui-tab-title"> <li class="layui-this" data-id="0" data-page="1">最新</li> <li data-id="1">有用的资讯</li> <li data-id="2">贴心的政策</li> <li data-id="3">给力的产品</li> <li data-id="4">靠谱的工具</li> </ul> </div> </div> </div> <div class="layui-col-md7 j-blog-list"> <div class="bg-white p20 lay-main circle-main"> </div> </div> <div class="layui-col-md3 "> <div class="layui-card p20 lay-side"> <div class="info-box"> <p class="tit"></p> <p class="info"></p> </div> <div class="floor "> <div class=" mod-title"> <h4>大家都在讨论</h4> </div> <div class="con"> </div> </div> <div class="layui-carousel banner" id="carousel-banner"> <div carousel-item> <div><a href="/circles/init"><img src="/pc_static/img/customize/banner_right.jpg"></a></div> </div> </div> <div class="floor"> <div class=" mod-title"> <h4>大家都喜欢</h4> </div> <div class="con"> </div> </div> </div> </div> </div> </div> </div> <script type="text/html" id="js-log-in-tpl"> <div class="layui-title text-center">登录多多旅销</div> <div class="switchover"></div> <form action="" id="log-form-tpl"> <div class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">账号</label> <div class="layui-input-block"> <input type="text" name="phone" lay-verify="title" autocomplete="off" placeholder="请输入注册手机号" class="layui-input"> </div> </div> <div class="layui-form-item password"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item get-code" style="display: none"> <label class="layui-form-label"></label> <div class="layui-input-block"> </div> </div> <div class="layui-form-item verification-code" style="display: none"> <label class="layui-form-label">验证码</label> <div class="layui-input-block"> <input type="text" name="code" lay-verify="title" autocomplete="off" placeholder="请输入验证码" class="layui-input"> <span class="get-code js-get-code green">获取验证码</span> </div> </div> <div class="layui-form-item switch "> <label class="layui-form-label"></label> <div class="layui-input-block flex-box"> <div class="flex-3 tips grey"></div> <div class="flex-item text-right"> <a class="green js-switch-btn" data-type="0" href="javascript:;">验证码登录</a> </div> </div> </div> <div class="layui-form-item checkbox-item" style="display: none"> <div class="layui-input-block"> <input type="checkbox" name="is_agree" lay-skin="primary" title="同意多多旅销" checked=""> <a href="javascript:;" class="agree" >《服务和隐私协议》</a> </div> </div> <div class="layui-form-item text-center"> <button type="button" class="layui-btn" lay-submit="" lay-filter="register-submit">登录</button> </div> </div> </form> <div class="code-box" style="display: none"> <p class="code"> <img src=""> <span class="tips" style="display:none">二维码失效，<a href="javascript:;">请刷新</a></span> </p> <p class="text text-center">使用多多旅销最新版扫码登录</p> <p class="text-center download"><span class="green">未安装?下载App</span></p> </div> </script> <script type="text/html" id="js-agreement-tpl"> <section class="bg-white article-autho"> <h1 class="text-center">多多旅销用户使用与隐私协议</h1> </section> <section class="bg-white article-detail font-m"> <p>您好！欢迎您使用多多旅销。</p> <p>1.特别提示 <br>1.1为了更好地为您提供服务，请您仔细阅读这份协议。本协议是您与本应用就您登录本应用平台进行注册及使用等所涉及的全部行为所订立的权利义务规范。您在注册过程中点击“注册”等按钮、及注册后登录和使用时，均表明您已完全同意并接受本协议，愿意遵守本协议的各项规则、规范的全部内容，若不同意则可停止注册或使用本应用平台。如您是未成年人，您还应要求您的监护人仔细阅读本协议，并取得他/他们的同意。 <br>1.2为提高用户的使用感受和满意度，用户同意本应用将基于用户的操作行为对用户数据进行调查研究和分析，从而进一步优化服务。 </p> <p>2.服务内容 <br>2.1多多旅销是一个真人社交应用平台，平台内严禁一切非法、涉黄信息，违反社区运营规范者，一律封号处理。 <br>2.2本应用服务的具体内容由本应用制作者根据实际情况提供。 <br>2.3除非本注册及服务协议另有其它明示规定，本应用所推出的新产品、新功能、新服务，均受到本注册及注册协议规范。 <br>2.4本应用仅提供相关的网络服务，除此之外与相关网络服务有关的设备(如个人电脑、手机、及其他与接入互联网或移动网有关的装置)及所需的费用(如为接入互联网而支付的电话费及上网费、为使用移动网而支付的手机费)均应由用户自行负担。 </p> <p>3.使用规则 <br>3.1用户帐号注册 <br>3.1.1使用本应用系统注册的用户，只能使用汉字、英文字母、数字、下划线及它们的组合，禁止使用空格、各种符号和特殊字符，且最多不超过16个字符(8个汉字)注册，否则将不予注册。 <br>3.1.2使用第三方合作网站登录的用户，只能使用汉字、英文字母、数字、下划线及它们的组合，禁止使用空格、各种符号和特殊字符，且最多不超过14个字符(7个汉字)注册，否则本社区有权只截取前14个字符（7个汉字）予以显示用户帐号（若该用户帐号与应用现有用户帐号重名，系统将随机添加一个字符以示区别），否则将不予注册。 <br>3.2如发现用户帐号中含有不雅文字或不恰当名称的，多多旅销保留取消其用户资格的权利。 <br>3.2.1请勿以党和国家领导人或其他社会名人的真实姓名、字号、艺名、笔名注册； <br>3.2.2请勿以国家机构或其他机构的名称注册； <br>3.2.3请勿注册不文明、不健康名字，或包含歧视、侮辱、猥亵类词语的帐号； <br>3.2.4请勿注册易产生歧义、引起他人误解或其它不符合法律规定的帐号。 <br>3.3用户帐号的所有权归本应用，用户仅享有使用权。 <br>3.4用户有义务保证密码和帐号的安全，用户利用该密码和帐号所进行的一切活动引起的任何损失或损害，由用户自行承担全部责任，本应用不承担任何责任。如用户发现帐号遭到未授权的使用或发生其他任何安全问题，应立即修改帐号密码并妥善保管，如有必要，请反馈通知本应用管理人员。因黑客行为或用户的保管疏忽导致帐号非法使用，本应用不承担任何责任。 <br>3.5用户承诺对其发表或者上传于本应用的所有信息(即属于《中华人民共和国著作权法》规定的作品，包括但不限于文字、图片、音乐、电影、表演和录音录像制品和电脑程序等)均享有完整的知识产权，或者已经得到相关权利人的合法授权；如用户违反本条规定造成本应用被第三人索赔的，用户应全额补偿本应用的一切费用(包括但不限于各种赔偿费、诉讼代理费及为此支出的其它合理费用)； <br>3.6当第三方认为用户发表或者上传于本应用的信息侵犯其权利，并根据《信息网络传播权保护条例》或者相关法律规定向本应用发送权利通知书时，用户同意本应用可以自行判断决定删除涉嫌侵权信息，除非用户提交书面证据材料排除侵权的可能性，本应用将不会自动恢复上述删除的信息； <br>(1)不得为任何非法目的而使用网络服务系统； <br>(2)遵守所有与网络服务有关的网络协议、规定和程序； <br>(3)不得利用本应用的服务进行任何可能对互联网的正常运转造成不利影响的行为； <br>(4)不得利用本应用服务进行任何不利于本应用的行为。 <br>3.7如用户在使用网络服务时违反上述任何规定，本应用有权要求用户改正或直接采取一切必要的措施(包括但不限于删除用户上传的内容、暂停或终止用户使用网络服务的权利)以减轻用户不当行为而造成的影响 </p> <p>4.责任声明 <br>4.1任何网站、单位或者个人如认为本应用或者本应用提供的相关内容涉嫌侵犯其合法权益，应及时向本应用提供书面权力通知，并提供身份证明、权属证明及详细侵权情况证明。本应用在收到上述法律文件后，将会尽快切断相关内容以保证相关网站、单位或者个人的合法权益得到保障。 <br>4.2用户明确同意其使用本应用网络服务所存在的风险及一切后果将完全由用户本人承担，本应用对此不承担任何责任。 <br>4.3本应用无法保证网络服务一定能满足用户的要求，也不保证网络服务的及时性、安全性、准确性。 <br>4.4本应用不保证为方便用户而设置的外部链接的准确性和完整性，同时，对于该等外部链接指向的不由本应用实际控制的任何网页上的内容，本应用不承担任何责任。 </p> <p>5.知识产权 <br>5.1本应用特有的标识、版面设计、编排方式等版权均属本应用享有，未经本应用许可授权，不得任意复制或转载。 <br>5.2用户从本应用的服务中获得的信息，未经本应用的许可，不得任意复制或转载。 <br>5.3本应用的所有内容，包括商品描述、图片等内容所有权归属于多多旅销的用户，任何人不得转载。 <br>5.4本应用所有用户上传内容仅代表用户自己的立场和观点，与本应用无关，由作者本人承担一切法律责任。 <br>5.5上述及其他任何本服务包含的内容的知识产权均受到法律保护，未经本应用、用户或相关权利人书面许可，任何人不得以任何形式进行使用或创造相关衍生作品。 </p> <p>6.隐私保护 <br>6.1本应用不对外公开或向第三方提供单个用户的注册资料及用户在使用网络服务时存储在本社区的非公开内容，但下列情况除外： <br>(1)事先获得用户的明确授权； <br>(2)根据有关的法律法规要求； <br>(3)按照相关政府主管部门的要求； <br>(4)为维护社会公众的利益。 <br>6.2本应用可能会与第三方合作向用户提供相关的网络服务，在此情况下，如该第三方同意承担与本社区同等的保护用户隐私的责任，则本社区有权将用户的注册资料等信息提供给该第三方，并无须另行告知用户。 <br>6.3在不透露单个用户隐私资料的前提下，本应用有权对整个用户数据库进行分析并对用户数据库进行商业上的利用。 </p> <p>7.协议修改 <br>7.1本应用有权随时修改本协议的任何条款，一旦本协议的内容发生变动，本应用将会在本应用上公布修改之后的协议内容，若用户不同意上述修改，则可以选择停止使用本应用。本应用也可选择通过其他适当方式（比如系统通知）向用户通知修改内容。 <br>7.2如果不同意本应用对本协议相关条款所做的修改，用户有权停止使用本应用。如果用户继续使用本应用，则视为用户接受本应用对本协议相关条款所做的修改。 </p> <p>8.通知送达 <br>8.1本协议项下本应用对于用户所有的通知均可通过网页公告、电子邮件、系统通知、微博管理帐号主动联系、私信、手机短信或常规的信件传送等方式进行；该等通知于发送之日视为已送达收件人。 <br>8.2用户对于本应用的通知应当通过本应用对外正式公布的通信地址、电子邮件地址等联系信息进行送达。 </p> <p> 9.如何联系我们 <br>9.1当您有其他的投诉、建议等相关问题时，请通过发送邮件到731726504@qq.com与我们联系。您也可以将您的问题通过邮寄到如下地址： <br>中国（福建）自由贸易试验区厦门片区海景南二路39号4楼402-2（收） <br>邮编：361026 <br>我们将尽快审核所涉的问题，并在验证您的用户身份后的十五天内给予回复。 </p> <p style="float: right;"><br>厦门市旅动力信息有限公司</p> <p style="clear:both;"><br></p> </section> </script> <script> layui.use(['jquery','laydate','layarea','flow','lottie', 'form',], function () { var $ = layui.jquery, form = layui.form, flow = layui.flow, laydate = layui.laydate, layarea = layui.layarea; //倒计时60秒 var e = 60; var countFlag = 1; function countDown(that) { e = e - 1; countFlag = 0; $(that).html(e + "秒"); $(that).removeClass('js-get-code').addClass('grey'); if (e == 0) { countFlag = 1; e = 60; $(that).html("重新发送"); $(that).addClass('js-get-code').removeClass('grey'); return; } setTimeout(function () { countDown(that) }, 1000); } window.loginEdition={ init:function () { //this.logIn(); }, logIn:function(){ var html=$('#js-log-in-tpl').html(); layer.open({ type: 1, skin: 'layui-log-in', //样式类名 title:false, anim: 2, area: ['450px', '400px'], //宽高 shadeClose: true, //开启遮罩关闭 content: html, success:function (layero) { form.render(); $(layero).on('click','.js-switch-btn',function () { var type=$(this).attr('data-type'); if(type==0){ $('.verification-code').show(); $('.password').hide(); $('.checkbox-item').show() $('input[name=password]').val('') $(this).attr('data-type','1'); $(this).html('密码登录'); $('.switch .tips').html('未注册手机号验证后即完成注册'); window.loginEdition.agree(layero); }else { $(this).attr('data-type','0') $(this).html('验证码登录'); $('.verification-code').hide(); $('.checkbox-item').hide() $('input[name=code]').val('') $('.password').show(); $('.switch .tips').html(''); } }); $(layero).on('click', '.js-get-code', function () { var that = $(this); $.post('/login/sendMobileCode', $("#log-form-tpl").serialize(), function (response) { if (response.code == 0) { countDown(that) } else { layer.msg(response.msg || '短信接口异常，请稍后再试~'); } }, 'json'); }); $('.download').on('click',function () { layer.open({ type: 1, title:false, content: '<div class="qrcode"><p><img src="/pc_static/img/guide-qrcode.png"></p><p class="text">扫码下载app</p></div>' }); }); var getLoginCode = function() { $('#log-form-tpl').find('.layui-form').hide(); $('.code-box').show() $(this).hide() $.ajax({ url: '/login/create_Login_code', type: "post", dataType: "json", success: function (res) { if (res.code == 0) { $('.code').removeClass('lose-efficacy'); $('.code-box .tips').hide(); $('.code-box').find('img').attr('src', res.data); } } }); } $('.code-box').find('a').on('click', function(){ getLoginCode(); }) $('.switchover').on('click',function () { getLoginCode(); var getting = function(){ $.ajax({ url:'/login/ajax_token_login', dataType:'json', success:function(res) { if (res.code == 0) { //window.location.href = "/circles/diy"; layer.closeAll(); location.reload(); $("#j-tuid").val(res.data.uid ?? 0); } else if (res.code == -2) { $('.code').addClass('lose-efficacy'); $('.code-box .tips').show(); clearInterval(getting); return; } } }) }; window.setInterval(getting,3000); }) form.on('submit(register-submit)', function(data) { var type=$(this).attr('data-type'); var is_agree=$('input[name=is_agree]').is(":checked"); if (is_agree === false) { layer.msg('未勾选同意多多旅销服务和隐私协议'); return false; } flag = 1; if(flag==1){ //$('.checkbox-item').show() //$('.switch .tips').html('未注册手机号验证后即完成注册'); } $.ajax({ url:'/login/signin', dataType:'json', type:'post', data:data.field, success:function(res) { if (res.code == 0) { //window.location.href = "/circles/diy"; layer.closeAll(); location.reload(); $("#j-tuid").val(res.data.user.uid ?? 0); $("#j-user_name").val(res.data.user.nick_name ?? ''); } else { layer.msg(res.msg || '短信接口异常，请稍后再试~'); return false; } } }); }) } }); }, agree:function(warp){ $(warp).on('click','.agree',function () { var tpl=$('#js-agreement-tpl').html(); $('.agree').unbind('click'); layer.open({ type: 1, skin: 'layui-agreement', //样式类名 title:false, anim: 2, area: ['800px', '500px'], //宽高 shadeClose: true, //开启遮罩关闭 content: tpl, closeBtn: 0, btn: ['我知道了'], yes:function (index, layero) { layer.close(index); } }); }) }, } loginEdition.init(); }); </script> <!--评论回填--> <script type="text/html" id="js-comment-tpl"> <ul class="reply-item"> <li data-comment_id="{{ d.comment_id }}" data-blog_no="{{d.blog_no}}" data-circles_no="{{d.circles_no}}"> <p class="tit"><span class="blue">{{ d.name }}：</span>{{ d.content }} </p> <p class="text">刚刚<span class="blue del js-del" data-type="1">删除</span></p> </li> </ul> </script> <script> layui.use(['jquery','laydate','layarea','flow','carousel','lottie', 'form','laytpl'], function () { var $ = layui.jquery, form = layui.form, flow = layui.flow, laydate = layui.laydate, layarea = layui.layarea, laytpl = layui.laytpl, carousel = layui.carousel; //轮播 carousel.render({ elem: '#carousel', width: '100%',//设置容器宽度 height:'400px', arrow: 'none', //始终显示箭头 autoplay:true }); carousel.render({ elem: '#carousel-banner', width: '100%',//设置容器宽度 height:'182px', arrow: 'always', //始终显示箭头 autoplay:false }); var clickNum = 0, datavalue='{$smarty.now|date_format:%Y-%m-%d}', changeNum = 0; var cate_id = 0;; var platformEdition={ index: 1, init:function () { this.circle_tab();//切换频道 this.like();//点赞 this.comment();//评论显示隐藏 this.del_comment();//删除评论 this.searchBtn();//搜索 this.ajaxCirclesInfo();//帖子列表和分页 this.unify(); this.onloadScoll(); }, onloadScoll:function () { $(window).scroll(function() { var scrolls = $(this).scrollTop(), hTop ='400'; if(scrolls>hTop){ $('.js-tab-warp').addClass('tab-fixed'); $('.J_gotop').show(); }else { $('.J_gotop').hide(); $('.js-tab-warp').removeClass('tab-fixed'); } }); }, ajaxCirclesInfo:function(){ changeNum++; $.ajax({ url: '/circles/ajaxGetDiyCirclesInfo', type: "post", dataType: "html", data: {no: $('#j-circles_no').val()}, success: function (res) { clickNum++; //只取最后一次的 if (changeNum == clickNum) { if ($(res).find('#j-circles_type').val() == 1){ $('body').addClass('custom-index') } else { $('body').removeClass('custom-index') } $('.circle-main').html($(res).find('.circle-main').html()); $('.j-blog-list').html($(res).find('.j-blog-list').html()); $('#j-select-topic').html($(res).find('.topic-container').html()); $('.lay-topic').html($(res).find('.lay-topic').html()); $('.j-circles-info').html($(res).find('.layui-col-md3').html()); carousel.render({ elem: '#carousel-banner', width: '100%',//设置容器宽度 height:'182px', arrow: 'always', //始终显示箭头 autoplay:false, }); platformEdition.date(); form.render(); platformEdition.rollingLoad(cate_id, 1, cate_id==0?1:4);//帖子列表和分页 } } }); }, rollingLoad: function (id,page,type, obj = {}) { $('.layui-tab-content').remove(); var elem = 'layui-tab-content-'+platformEdition.index; $('.circle-main').append('<div class="layui-tab-content '+elem+'" id="j-circles-list"></div>'); platformEdition.index++; flow.load({ elem: '.'+elem, //流加载容器 isLazyimg: true, done: function (page, next) { //执行下一页的回调 var param = { circles_no: $('#j-circles_no').val(), kind: type, inner: 1, cate_id: id, page: page, }; $.extend(param, obj); //数据插入 $('.topic-container').remove(); $.ajax({ url: '/blog/ajaxGetDiyBlogList', type: "post", dataType: "html", data: param, success: function (data) { var totalPage = $(data).last().val(); var url=$('#upload-btn').attr('data-upload'); $('.prestrain-box').hide(); next(data, page < totalPage); $('.j-blog-list').find('.view-details-btn').each(function(){ var self = $(this); var blog_no = self.data('no'); self.html('<a href="/blog/diy_detail/'+blog_no+'">查看详情</a><i class="iconfont iconjiantou"></i>'); }); $('.js-operate').remove(); var len=$('.layui-tab-content').find('.no-data').length; if(len==1){ $('.layui-flow-more').remove(); } platformEdition.bigPicture(); platformEdition.like(); } }); } }); }, //查看大图 bigPicture:function () { $('.layui-tab-content').on('click','.view-warp li',function () { var json = [], index = $(this).attr('data-index'); $(this).closest('.view-warp').find('li').each(function () { var arr = { "src": $(this).attr('data-src') }; json.push(arr) }); layer.photos({ photos: { "start": index, "data": json } ,anim: 5 }); }); }, like:function () { function likeBox() { var likeBtn = document.getElementsByClassName("like-btn"); for(var i = 0; i<likeBtn.length; i++){ likeBtn[i].index = i; //给每个js-like-btn定义一个属性索引值，赋 likeBtn[i].onclick = function(){ if ($('#j-tuid').val() <= 0) { window.loginEdition.logIn(); return false; } // 声明一个变量来设置lottie 播放属性 var blog_no=this.getAttribute('data-blog_no'), _this=$('.like-'+blog_no); var params = { container:this, //播放的位置 renderer: 'svg', loop: false, //是否循环播放 autoplay: true, //是否自动播放 path: '/pc_static/js/modules/lottie/like.json' }; var anim; if(_this.find('i').hasClass('red')){ }else { anim = lottie.loadAnimation(params); // 加载 } likeData(this) } } } likeBox(); function likeData(that){ var type='', blog_no=that.getAttribute('data-blog_no'), _this=$('.like-'+blog_no), param=_this.data(); if(_this.find('i').hasClass('red')){ type='1'; //点击过 }else { type='0'; //为点击 } $('#js-like-cur').val(type); $.ajax({ url: '/blog/ajaxLikedBlog', type: "post", dataType: "json", data:param, success: function (data) { _this.find('.favor_num').html(data.data.favor_num); if(data.code!=0){ if (data.code == -502) { window.loginEdition.logIn(); return false; } else { layer.msg(data.msg); } }else { if(type==0){ _this.addClass('red'); _this.find('i').addClass('red icondianzanhover').removeClass('icondianzan'); }else { _this.removeClass('red'); _this.find('i').addClass('icondianzan').removeClass('red icondianzanhover'); _this.find('svg').remove() } } } }); } }, comment: function () { $(document).on('click', '.comment-num', function () { if ($('#j-tuid').val() <= 0) { window.loginEdition.logIn(); return false; } var ft= $(this).closest('.ft'); ft.find('.commend-item').hide(); if ($(this).hasClass('on')) { ft.next('.commend-item').hide(); $(this).removeClass('on'); } else { $('.comment-num').removeClass('on'); $('.commend-item').hide(); ft.next('.commend-item').show(); $(this).addClass('on'); } }); //评论 form.on('submit(publish-comment)', function(data){ var item = data.field, comment_blog = $('#j-comment_blog').val(); if ($('#j-circles_type').val() == 0 && comment_blog == 0) { layer.msg('在app升级为银多多才可以评论哦～',{time:2000}); return false; } if (item.content == '') { layer.msg('请输入评论内容~'); return false; } item.circles_no = $('#j-circles_no').val(); $.post('/blog/ajaxPublishComment', item, function (res) { layer.msg(res.msg, {time: 2000}); var getTpl=$('#js-comment-tpl').html(); if (res.code === 0) { // 评论成功 $(data.elem).closest('form').find('input[name=content]').val(''); $(data.elem).parents('div.template-box').find('.comment-num span').text(res.data.comment_num); var name = $('#j-user_name').val(), reply_data={'comment_id': res.data.comment_id,'blog_no':item.blog_no,'circles_no':item.circles_no,'name':name,'content':item.content}, len = $(data.elem).closest('.commend-item').find('.commend-con ul').length; len == 5 && $(data.elem).closest('.commend-item').find('.commend-con ul').last().remove(); laytpl(getTpl).render(reply_data, function(html){ $(data.elem).closest('.commend-item').find('.commend-con').show().prepend(html); }); } else { if (res.code == -502) { window.loginEdition.logIn(); return false; } } },'json'); }); }, del_comment: function () { $(document).on('click', '.js-del', function () { var that = $(this), type = that.attr('data-type'), data = that.closest('li').data(), len = that.closest('.commend-con').find('ul').length; layer.confirm('删除后不可恢复，是否确认删除？', { btn: ['确定','取消'] //按钮 }, function(){ $.ajax({ url: '/blog/ajaxDeleteComment', type: "post", dataType: "json", data: data, success: function (res) { layer.msg(res.msg, {time: 2000}); if (res.code == 0) { that.closest('div.template-box').find('.comment-num span').text(res.data.comment_num); that.closest('ul.reply-item').remove(); len == 1 && that.closest('.commend-con').hide(); } else { if (res.code == -502) { window.loginEdition.logIn(); return false; } } } }); }); }) }, circle_tab:function () { $(document).on('click', '.js-tab-warp li', function (event) { var that = $(this), id = that.attr('data-id'), page=1, type = id == 0 ? 1 :4; event.stopPropagation(event); that.addClass('layui-this').siblings().removeClass('layui-this'); $('.js-area li[data-id=0]').addClass('on').siblings().removeClass('on'); $('input[name=title]').val(''); platformEdition.rollingLoad(id,page,type); }); }, unify: function () { $('body').on('click', '.js-area li', function () { var that = $(this), id = that.attr('data-id'), selected_area_id = $('#j-area-id').val(), keywords = $('input[name=title]').val(), type_id = parseInt($('.js-tab-warp li.layui-this').data('id')); if (id == '') { var tpl = $('#js-area-tpl').html(); layer.open({ type: 1, title: '选择地区', shadeClose: true, btnAlign: 'c', btn: ['确定'], skin: 'area-class', area: ['820px', '440px'], content: tpl, success: function (layero) { $(layero).find('.js-area-box li').removeClass('on'); selected_area_id && $(layero).find('.js-area-box li[data-id='+selected_area_id+']').addClass('on'); $(layero).on('click', '.js-area-box li', function () { $(this).addClass('on').siblings().removeClass('on'); }); }, yes: function (index, layero) { var selected_id = $(layero).find('.js-area-box li.on').attr('data-id'); $('#j-area-id').val(selected_id); if (selected_id) { $('.js-area li').removeClass('on'); $('.js-area li[data-id='+selected_id+']').addClass('on'); selected_id > '310000' && $('.js-area li[data-id=""]').addClass('on'); } if (selected_area_id != selected_id) { platformEdition.rollingLoad(type_id, 1, type_id == 0 ? 1 : 4,{zone_id:selected_id,keywords:keywords}); } layer.close(index); //如果设定了yes回调，需进行手工关闭 } }); } else { $(this).addClass('on').siblings().removeClass('on'); $('#j-area-id').val(id); platformEdition.rollingLoad(type_id, 1, type_id == 0 ? 1 : 4, {zone_id:id,keywords:keywords}); } }); }, searchBtn:function () { $(".search-warp .layui-input").keydown(function (e) { if (e.which == 13) { $('.search-bar').click(); } }); $('body').on('click', '.search-bar',function () { var keywords=$(this).closest('.search-warp').find('input').val(), zone=$('.js-area li.on').attr('data-id'); platformEdition.rollingLoad(0,1,1, {keywords:keywords,zone_id:zone}); }) }, date:function () { //日期 laydate.render({ elem: '#date', value: datavalue }); } }; platformEdition.init(); }); </script> </body> </html>