【秘书处带你走亲戚】走进杭州嗡嗡婚恋交友平台

发布日期：2020-12-31 12:13:57 来源： unknown 作者：unknown 浏览量：72

unknown unknown 发布日期：2020-12-31 12:13:57

2020年12月30日上午10点30分，商会理事郑贵、单建晓，商会会员赵文英、陈少云，周晓红、蔡甫盖，执行秘书长郑春雷，以及商会秘书处工作人员一行10人来到杭州市拱墅区大兜路130号——会员企业杭州嗡嗡婚恋交友平台，品牌创始人翁文文对商会一行的来访表示热烈的欢迎，并在会议室进行了简单的座谈。

嗡嗡婚恋平台创立于2014年，专注精准匹配+个人成长的陪伴式婚恋交友平台，是浙江省婚姻家庭协会副会长单位。到目前为止已在2个城市成立5家公司：上海—杭州— 瑞安—鹿城—乐清，后续将以江浙沪为基点，向全国扩张。截止2020年7月，线上平台已有30000+的小伙伴关注，公开上榜人数1988人，幸福脱单的有200对以上，举办线上线下活动120场以上。

Weng Weng

专注高品质人群定制管家式的情感服务，围绕“真诚、利他、用心”的价值观，不断创婚恋交友新模式，为高品质群体提供情感一对一介绍、形象提升、情感咨询指导、脱单学院等项目板块，提供一站式婚恋约会情感服务。“嗡嗡”以不忘初心的想法，做着最具幸福感的事业，只是为了让真爱遇见，期待看到你幸福的身影。

“嗡嗡”唯一的使命就是，为靠谱单身青年提供情感服务，陪伴大家一起成为更好的自己，遇见更对的人。

《凤求凰》

有一美人兮，见之不忘。

一日不见兮，思之如狂。

凤飞翱翔兮，四海求凰。

无奈佳人兮，不在东墙。

将琴代语兮，聊写衷肠。

何时见许兮，慰我彷徨。

愿言配德兮，携手相将。

不得於飞兮，使我沦亡。

</p><section data-mid="" mpa-from-tpl="t"><br/></section></section></section></section></section><p style="text-align: center;"><img class="rich_pages js_insertlocalimg" data-ratio="0.5625" data-s="300,640" src="https://static.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193485296613.png" data-type="png" data-w="1280" style=""/></p><p style="text-align: center;"><br/></p><p style="text-align: center;"><br/></p><section data-mpa-template="t"><section style="display: flex;justify-content: center;align-items: center;width: 100%;" data-mid=""><section style="display: flex;justify-content: flex-start;align-items: center;flex-direction: column;" data-mid=""><section style="width: 37px;height: 23px;align-self: center;" data-mid=""><img data-ratio="0.6081081081081081" src="https://static.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193485321792.png" data-type="png" data-w="148" style="display: block;"/></section><section style="display: flex;justify-content: center;align-items: center;align-self: center;" data-mid=""><section style="text-align: center;align-self: flex-end;" data-mid=""><p style="font-size: 16px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: bold;color: #EB4C8A;line-height: 23px;" data-mid="">end</p></section></section></section></section></section><p style="text-align: center;"><br/></p><section data-mpa-template="t" mpa-from-tpl="t"><section powered-by="xiumi.us" style="font-size: 16px;white-space: normal;" mpa-from-tpl="t"><section powered-by="xiumi.us" style="margin-top: 10px;margin-bottom: 10px;caret-color: rgb(53, 53, 53);color: rgb(53, 53, 53);font-family: " helvetica="" neue="" sans="" gb="" yahei="" arial="" sans-serif="" center="" mpa-from-tpl="t"><section style="display: inline-block;line-height: 0;vertical-align: middle;" mpa-from-tpl="t"><img data-ratio="0.187037" data-type="jpeg" data-w="1080" style="box-sizing: border-box;vertical-align: middle;width: 320px;height: 60px;visibility: visible !important;" src="https://static.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193485393813.jpg"/></section></section><section powered-by="xiumi.us" style="margin-top: 10px;margin-bottom: 10px;caret-color: rgb(53, 53, 53);color: rgb(53, 53, 53);font-family: " helvetica="" neue="" sans="" gb="" yahei="" arial="" sans-serif="" start="" mpa-from-tpl="t"><section style="padding-right: 8px;padding-left: 8px;color: rgb(55, 80, 114);" mpa-from-tpl="t"><section style="letter-spacing: 0.54px;text-align: left;text-indent: 0em;"><span style="font-size: 15px;">杭州市瑞安商会于2002年1月6日正式成立，4A级商会组织，是在杭州地区从事经营活动的各种经济成份的瑞安籍工商业者自愿组成的社会团体和民间商会。</span></section><section style="letter-spacing: 0.54px;text-align: left;text-indent: 0em;"><span style="font-size: 15px;">欢迎广大在杭瑞商加入商会的大家庭</span></section><section style="letter-spacing: 0.54px;text-align: left;text-indent: 0em;"><span style="font-size: 15px;">联系电话：0571—85390496</span></section><section style="letter-spacing: 0.54px;text-align: left;text-indent: 0em;"><span style="font-size: 15px;">地址：杭州市江干区市民街66号钱塘航空大厦1幢2610室</span></section></section></section></section></section> </div> </div> <div class="lable-content"> <div class="lable-one"> 商会 </div> <div class="lable-one"> 服务 </div> <div class="lable-one"> 情感 </div> <div class="lable-one"> 婚恋 </div> </div> <div class='article'> <div class="left" style="width:600px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"> <div class="article-url"> 上一篇 : <a href="/article/5076276451872831" target="_blank"> 喜报！全国医美行业首家民营瑞商企业——瑞丽医美在香港成功挂牌上市 </a> </div> <div class="article-url"> 下一篇 : <a href="/article/5076276377033190" target="_blank"> 2021元旦快乐 </a> </div> </div> <div class="right"> <div class="article-share-me hidden-xs clearfix"> <span class="pull-left">分享到： </span> <div class="bdsharebuttonbox pull-left"> <a href="#" class="bds_more" data-cmd="more"></a> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a> <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> </div> <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script> </div> </div> </div> </div> <div class="col-sm-2 hidden-xs article-link-qrcode"> <script>document.write('<img src="' + 'https://wei.ltd.com/file/qrcode?format=text&data=' + encodeURIComponent(window.location.href) + '">')</script> <p>扫一扫在手机上阅读</p> <div class="details-look hidden-xs "> <div class="title"> <div class="left-border common-border"></div> <div class="title-text">看了又看</div> <div class="right-border common-border"></div> </div> <div class="img-item"> <a href="/article/5076280296050628"> <img src="https://uploadfile.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193480851367.jpg">  <div class="mask-bg"> <p>【会员走访】走访会员张存树企业--聪普智能科技</p> </div> </a> </div> <div class="img-item"> <a href="/article/5076278876928831"> <img src="https://uploadfile.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193477397739.jpg">  <div class="mask-bg"> <p>【利企利会】科维奇咬合理疗套餐给予商会会员VIP团购价</p> </div> </a> </div> <div class="img-item"> <a href="/article/5076279528982658"> <img src="https://uploadfile.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193478984523.jpg">  <div class="mask-bg"> <p>【会员风采】会员董小平企业—杭州正润人力资源开发有限公司</p> </div> </a> </div> <div class="img-item"> <a href="/article/5076281458964032"> <img src="https://uploadfile.xcx.gw66.vip/uploadfile/remote/0/418/658/2021-04/16193483698402.jpg">  <div class="mask-bg"> <p>【喜讯】萧山温州商会换届大会暨第四届第一次会员大会隆重召开</p> </div> </a> </div> </div> </div> </div> </div> </div>  <div class="gw-browse-module " data-full="" data-fixed-position="" id="gw-module-9637288" name="底部" data-anchor-id="anchor-1599727128740-2216" style="background-color:rgb(11, 83, 148);background-repeat:repeat;background-size:auto;"> <div class="gw-browse-module-content clearfix" style="background-repeat:repeat;background-size:auto;"> <div class="gw-grid-col grid-col-pc-12"> <div class=" gw-browse-grid" style="height:199px;"> <div class="gw-browse-grid-content"> <div class="gw-browse-container" style="height:165px;" data-editable="0"> <div class="gw-browse-container-content"> <div class="text-component"> <div class="gw-browse-component" id="module-9637288-component-text-1599727156865-1364" style="top:112px;left:1px;width:323px;height:27px;"> <div class="gw-browse-component-content " style="font-family:微软雅黑;font-size:14px;font-weight:normal;font-style:normal;color:rgb(238, 238, 238);background-color:transparent;line-height:26px;text-decoration:none;text-align:left;"> <span>Copyright © 2008-2021 杭州市瑞安商会版权所有</span> </div> </div> </div> <div class="images-component"> <div class="gw-browse-component" id="module-9637288-component-images-1599729078688-9846" style="top:40px;left:1027px;width:100px;height:100px;"> <style> #module-9637288-component-images-1599729078688-9846 .gw-image-hoverShadow:hover img { box-shadow:0px 0px 10px 1px #ababab !important; } </style> <style> #module-9637288-component-images-1599729078688-9846 .gw-imageText-shadow:hover{ box-shadow:0px 8px 12px rgba(0,0,0,.14) !important; } </style> <style> #module-9637288-component-images-1599729078688-9846 .gw-imageText-card:hover{ box-shadow:0 10px 16px rgba(0,0,0,.24) !important; } </style> <img class="gw-browse-component-content img-rounded" style="width:100px;max-width:none;height:100px;max-height:none;opacity:1;box-shadow:0px 0px 10px 1px transparent;" alt="" src="https://uploadfile.xcx.gw66.vip/uploadfile/remote/0/452/608/2021-04/16190857463293.jpg" /> </div> </div><div class="text-component"> <div class="gw-browse-component" id="module-9637288-component-text-1599729150812-2190" style="top:149px;left:1030px;width:94px;height:26px;"> <div class="gw-browse-component-content " style="font-family:微软雅黑;font-size:14px;font-weight:normal;font-style:normal;color:rgb(238, 238, 238);background-color:transparent;line-height:26px;text-decoration:none;text-align:center;"> <span>微信公众号</span> </div> </div> </div> <div class="text-component"> <div class="gw-browse-component" id="module-9637288-component-text-1609827003634-6469" style="top:138px;left:2px;width:325px;height:26px;"> <div class="gw-browse-component-content " style="font-family:微软雅黑;font-size:14px;font-weight:normal;font-style:normal;color:rgb(238, 238, 238);background-color:transparent;line-height:26px;text-decoration:none;text-align:left;"> <a target="_blank" style="color:rgb(238, 238, 238);" href="https://beian.miit.gov.cn/#/Integrated/index">备案号：浙ICP备2021026132号-1</a> </div> </div> </div> <div class="images-component"> <div class="gw-browse-component" id="module-9637288-component-images-1619418042972-1315" style="top:40px;left:908px;width:100px;height:100px;"> <style> #module-9637288-component-images-1619418042972-1315 .gw-image-hoverShadow:hover img { box-shadow:0px 0px 10px 1px #ababab !important; } </style> <style> #module-9637288-component-images-1619418042972-1315 .gw-imageText-shadow:hover{ box-shadow:0px 8px 12px rgba(0,0,0,.14) !important; } </style> <style> #module-9637288-component-images-1619418042972-1315 .gw-imageText-card:hover{ box-shadow:0 10px 16px rgba(0,0,0,.24) !important; } </style> <img class="gw-browse-component-content img-rounded" style="width:100px;max-width:none;height:100px;max-height:none;opacity:1;box-shadow:0px 0px 10px 1px transparent;" alt="" src="https://uploadfile.xcx.gw66.vip/uploadfile/image/0/452/608/2021-04/16194180817323.jpg" /> </div> </div><div class="text-component"> <div class="gw-browse-component" id="module-9637288-component-text-1619418083285-4311" style="top:150px;left:911px;width:94px;height:26px;"> <div class="gw-browse-component-content " style="font-family:微软雅黑;font-size:14px;font-weight:normal;font-style:normal;color:rgb(238, 238, 238);background-color:transparent;line-height:26px;text-decoration:none;text-align:center;"> <span>名片二维码</span> </div> </div> </div> <div class="nav-component"> <div class="gw-browse-component" id="module-9637288-component-nav-1619427437693-8655" style="top:35px;left:0;width:732px;height:26px;line-height:26px;"> <style> #module-9637288-component-nav-1619427437693-8655 .gw-nav{ height:46px;font-family:微软雅黑;font-size:14px;color:rgb(255, 255, 255);font-weight:normal;font-style:normal;text-decoration:none;display:inline-block;text-align:center;line-height:46px; } #module-9637288-component-nav-1619427437693-8655 .gw-nav-cont{ margin-right:30px; } #module-9637288-component-nav-1619427437693-8655 .gw-nav-cont-row{ margin-right:30px; } #module-9637288-component-nav-1619427437693-8655 .sec-menu{ font-family:微软雅黑;font-size:14px;font-style:normal;font-weight:normal;background-color:rgb(246, 246, 246);color:rgb(204, 0, 0);height:46px; } #module-9637288-component-nav-1619427437693-8655 .three-menu{ font-family:微软雅黑;font-size:14px;font-style:normal;font-weight:normal;background-color:#eeeeee;color:#666666;height:38px; } #module-9637288-component-nav-1619427437693-8655 .menu-list{ position:absolute;top:46px;margin-left:0;width:194px !important; } #module-9637288-component-nav-1619427437693-8655 .menu-list ul{ background-color:rgb(246, 246, 246);line-height:46px; } #module-9637288-component-nav-1619427437693-8655 .menu-list-row{ position:absolute;top:46px; } #module-9637288-component-nav-1619427437693-8655 .menu-list-row ul{ background-color:rgb(246, 246, 246);line-height:46px !important; } #module-9637288-component-nav-1619427437693-8655 .menu-list-row ul li{ margin-left:0;width:194px !important; } #module-9637288-component-nav-1619427437693-8655 .has-three-child-row .three-list{ top:46px; } #module-9637288-component-nav-1619427437693-8655 .three-list ul{ background-color:#eeeeee;line-height:38px !important; } #module-9637288-component-nav-1619427437693-8655 .three-list-row{ position:absolute;top:46px; } #module-9637288-component-nav-1619427437693-8655 .three-list-row ul{ background-color:#eeeeee;top:38px; } #module-9637288-component-nav-1619427437693-8655 .three-list-row ul li{ margin-left:0;width:100px !important; } #module-9637288-component-nav-1619427437693-8655 .menu-list .triangle_border_up{ border-bottom-color:rgb(246, 246, 246); } #module-9637288-component-nav-1619427437693-8655 .sec-menu a{ color:rgb(204, 0, 0);text-decoration:none;font-weight:normal; } #module-9637288-component-nav-1619427437693-8655 .sec-menu:hover .three-menu a{ color:#666666;text-decoration:none;font-weight:normal; } #module-9637288-component-nav-1619427437693-8655 .gw-nav-cont:hover .gw-nav{ font-family:微软雅黑;font-size:14px;color:rgb(255, 255, 255);font-weight:bold;font-style:normal;text-decoration:none;background-color:rgba(0, 0, 0, 0);display:inline-block;text-align:center; } #module-9637288-component-nav-1619427437693-8655 .gw-nav-cont-row:hover .gw-nav{ font-family:微软雅黑;font-size:14px;color:rgb(255, 255, 255);font-weight:bold;font-style:normal;text-decoration:none;background-color:rgba(0, 0, 0, 0);display:inline-block;text-align:center; } #module-9637288-component-nav-1619427437693-8655 .first-nav-cont:hover .gw-nav{ font-family:微软雅黑;font-size:14px;color:rgb(255, 255, 255);font-weight:bold;font-style:normal;text-decoration:none;background-color:rgba(0, 0, 0, 0);display:inline-block;text-align:center; } #module-9637288-component-nav-1619427437693-8655 .gw-nav-cont:hover{ } #module-9637288-component-nav-1619427437693-8655 .gw-nav-cont-row:hover{ } #module-9637288-component-nav-1619427437693-8655 .sec-menu:hover{ background-color:rgb(153, 0, 0);font-size:14px;font-weight:bold; } #module-9637288-component-nav-1619427437693-8655 .sec-menu:hover a{ color:rgb(255, 255, 255);font-family:微软雅黑;font-weight:bold;font-style:normal;text-decoration:none; } #module-9637288-component-nav-1619427437693-8655 .three-menu:hover{ background-color:#eeeeee;font-size:14px;height:38px;font-weight:normal; } #module-9637288-component-nav-1619427437693-8655 .sec-menu .three-menu:hover a{ color:#000000;font-family:微软雅黑;font-weight:normal;font-style:normal;text-decoration:none; } #module-9637288-component-nav-1619427437693-8655 .gw-nav.active{ font-family:微软雅黑;font-size:14px;color:rgb(255, 255, 255);font-weight:bold;font-style:normal;text-decoration:none;background-color:rgba(0, 0, 0, 0);display:inline-block;text-align:center; } </style> <div class="module-9637288-component-nav-1619427437693-8655 gw-browse-component-content" style="background-color: transparent"> <div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/zoujinshanghui">走进商会</a></div><div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/dangzhibu">商会党建</a></div><div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/shanghuifuwu">商会服务</a></div><div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/shanghuihuodong">商会动态</a></div><div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/shanghuishangcheng">商会商城</a></div><div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/ruiqingshe">瑞青社</a></div><div class="gw-nav-cont"><a target="_self" class="gw-nav" style="" href="/jiaruwomen">加入我们</a></div> </div> </div> </div> <script> //移动端展开三级级导航 $(document).off('click', '.gw-nav-cont-mobile .menu-list>ul>li>a').on('click', '.gw-nav-cont-mobile .menu-list>ul>li>a', function () { var topDom= $(this).parents("li") topDom.parent('ul').find(".three-list").slideToggle() var secondIcon=topDom.find(".second-icon") secondIcon.hasClass("rotate")?secondIcon.removeClass("rotate"): secondIcon.addClass("rotate") }); </script><div class="text-component"> <div class="gw-browse-component" id="module-9637288-component-text-1619427514401-9093" style="top:85px;left:0;width:698px;height:27px;"> <div class="gw-browse-component-content " style="font-family:微软雅黑;font-size:14px;font-weight:normal;font-style:normal;color:rgb(238, 238, 238);background-color:transparent;line-height:26px;text-decoration:none;text-align:left;"> <span>免责声明：本站部分资讯来源于网络及网友投稿，如有侵权请及时联系客服我们将尽快处理！</span> </div> </div> </div> <div class="images-component"> <div class="gw-browse-component" id="module-9637288-component-images-1620283267992-8962" style="top:42px;left:787px;width:100px;height:100px;"> <style> #module-9637288-component-images-1620283267992-8962 .gw-image-hoverShadow:hover img { box-shadow:0px 0px 10px 1px #ababab !important; } </style> <style> #module-9637288-component-images-1620283267992-8962 .gw-imageText-shadow:hover{ box-shadow:0px 8px 12px rgba(0,0,0,.14) !important; } </style> <style> #module-9637288-component-images-1620283267992-8962 .gw-imageText-card:hover{ box-shadow:0 10px 16px rgba(0,0,0,.24) !important; } </style> <img class="gw-browse-component-content img-rounded" style="width:100px;max-width:none;height:100px;max-height:none;opacity:1;box-shadow:0px 0px 10px 1px transparent;" alt="" src="https://uploadfile.xcx.gw66.vip/uploadfile/image/0/452/608/2021-05/16202832834461.png" /> </div> </div><div class="text-component"> <div class="gw-browse-component" id="module-9637288-component-text-1620283299321-7659" style="top:150px;left:790px;width:94px;height:26px;"> <div class="gw-browse-component-content " style="font-family:微软雅黑;font-size:14px;font-weight:normal;font-style:normal;color:rgb(238, 238, 238);background-color:transparent;line-height:26px;text-decoration:none;text-align:center;"> <span>微信二维码</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="modal fade gw-modal wechatModal" id="myWechatModal" tabindex="-1" role="dialog"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <img class="wechat-img" src="https://static.xcx.gw66.vip/images/qrcode.jpg?_v=202110151641"> </div> <p class="wechat-tips tips-mobile">长按屏幕识别二维码</p> <p class="wechat-tips tips-pc">打开手机扫描二维码</p> </div> </div> </div>  <div class="modal fade bs-example-modal-sm gw-modal formModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="mydialog_form"> </div> <div class="modal fade bs-example-modal-sm gw-modal newformModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="mydialog_form_new"></div>  <div class="login-content-div"> <div class="login-popup"> <div class="popup-content"> <span class="close"><i class="fa fa-times"></i></span> <img class="popup-logo" src="https://static.xcx.gw66.vip//visual-editor/images/module-1.png?_v=202110151641" alt="" style="display:none;"> <ul class="login-nav"> <li class="login active">登录</li> <li class="register">注册</li> </ul> <div class="main-content"> <div class="wx-login-box"> <div class="open-wx"> <i class="fa fa-weixin"></i> </div> <div class="or-text"> <span>or</span> </div> </div> <div class="login-box" id="login-box"> <div class="form-group"> <input type="text" name="login_phone" class="form-control" placeholder="*请输入手机号"> </div> <div class="form-group"> <input type="password" name="login_pwd" class="form-control" placeholder="*请输入密码"> </div> <div class="btn login-btn"> <i class="fa fa-bullseye">安全登录</i> </div> </div> <div class="register-box" id="register-box"> <div class="form-group"> <input type="text" name="register_phone" class="form-control" placeholder="*请输入手机号"> </div> <div class="form-group register_code"> <span>获取验证码</span> <input type="text" name="register_code" class="form-control" placeholder="*请输入验证码"> </div> <div class="form-group"> <input type="password" name="register_pwd" class="form-control" placeholder="*请设置登录密码"> </div> <div class="btn register-btn"> <i class="fa fa-bullseye">注册</i> </div> </div> <div class="wx-qrcode-box" id="wx-qrcode-box"> <span>请使用微信扫码关注登录</span> <img alt=""> </div> <div class="bound-mobile-box" id="bound-mobile-box"> <div class="form-group"> <input type="text" name="bound_phone" class="form-control" placeholder="*请输入手机号"> </div> <div class="form-group bound_code"> <span>获取验证码</span> <input type="text" name="bound_code" class="form-control" placeholder="*请输入验证码"> </div> <div class="btn bound-btn"> <i class="fa fa-bullseye">绑定手机号</i> </div> </div> </div> </div> </div> </div> <style> .login-content-div{ display:none; } .login-popup{ position:fixed; z-index: 10000; background-color: rgba(52, 73, 94, 0.9); top:0; right:0; bottom:0; left:0; display:flex; align-items:flex-start; justify-content:center; } .login-popup .popup-content{ border-radius:6px; width:340px; padding:15px; background-color: #fff; text-align:center; position: relative; top:50vh; transform:translateY(-50%); } .login-popup .popup-content .close{ cursor: pointer; position: absolute; right: 10px; top:10px; } .login-popup .popup-content img{ width: 150px; height: 150px; margin:0 auto; padding:10px; } .login-popup .main-content{ padding: 20px; } .login-popup .open-wx{ margin-bottom: 20px; text-align: center; } .login-popup .open-wx i{ background-color: #03A9F4; width: 32px; height: 32px; line-height: 32px; display: inline-block; color: #fff; border-radius: 50%; text-align: center; cursor: pointer; } .login-popup .main-content .form-group .form-control{ margin-bottom: 25px; background-color:#f8f8f8; padding:0px 12px; height:auto; line-height:36px; } .login-popup .main-content .form-group label{ float: left; } .login-popup .main-content .or-text{ text-align:center; position: relative; margin-bottom:25px; } .login-popup .main-content .or-text span{ padding:0 8px; font-size:18px; color:#545454; background-color: #fff; position: relative; z-index: 1; } .login-popup .main-content .or-text::after{ content:""; position: absolute; top:14px; left:0px; height:1px; background-color: #e5e5e5; width: 100%; } .login-popup .main-content .btn{ width:100%; background: linear-gradient(90deg,#34495e,#475f77); color:#fff; outline:none; } .login-popup .main-content .login-btn:hover{ opacity: .8; transition:all .3s ease-in-out; } .login-popup .login-nav{ margin-bottom: 0; display:flex; justify-content:center; } .login-popup .login-nav li{ padding:10px; font-size:15px; font-weight:600; color:#007fff; opacity: .3; transition:all 0.3s ease; cursor: pointer; } .login-popup .login-nav li:hover{ background-color: #fff; opacity: 1; } .login-popup .login-nav>li.active{ color:#007fff; opacity: 1; } .login-popup .register_code{ position: relative; } .login-popup .register_code span{ position:absolute; top:8px; right:10px; cursor: pointer; color:#f00; } .login-popup .register-box{ display:none; } .login-popup .wx-login-box{ display:none; } .login-popup .wx-qrcode-box{ display:none; } .login-popup .wx-qrcode-box span{ font-size:18px; } .login-popup .wx-qrcode-box img{ width:270px; height: 250px; padding:0; } #bound-mobile-box{ display:none; } .login-popup .bound_code{ position: relative; } .login-popup .bound_code span{ position:absolute; top:8px; right:10px; cursor: pointer; color:#f00; } </style> <script> var timeOut = 120; var isTimeOut = false; var open_id=""; var boundTimeOut = 120 var boundIsTimeOut = false; //倒计时 function setTimeOut(){ $(".register_code span").css({"color":"#c0c4cc","cursor":"default"}) $(".register_code span").removeClass("can-click") $(".register_code span").text(timeOut+"秒后可重发") isTimeOut=true; const codeTimer = setInterval(() => { if (timeOut > 1) { timeOut--; $(".register_code span").text(timeOut+"秒后可重发") }else{ clearInterval(codeTimer) isTimeOut=false; clearLoadingState(); } }, 1000); }; //清除倒计时 function clearLoadingState(){ timeOut = 120; $(".register_code span").css({"color":"#f00","cursor":"pointer"}) $(".register_code span").text("获取验证码"); $(".register_code span").addClass("can-click") }; //绑定手机号发送验证码的倒计时 function setBoundTimeOut(){ $("#bound-mobile-box .bound_code span").css({"color":"#c0c4cc","cursor":"default"}) $("#bound-mobile-box .bound_code span").removeClass("can-click") $("#bound-mobile-box .bound_code span").text(boundTimeOut+"秒后可重发") boundIsTimeOut=true; const codeTimer = setInterval(() => { if (boundTimeOut > 1) { boundTimeOut--; $("#bound-mobile-box .bound_code span").text(boundTimeOut+"秒后可重发") }else{ clearInterval(codeTimer) boundIsTimeOut=false; boundTimeOut = 120; $("#bound-mobile-box .bound_code span").css({"color":"#f00","cursor":"pointer"}) $("#bound-mobile-box .bound_code span").text("获取验证码"); $("#bound-mobile-box .bound_code span").addClass("can-click") } }, 1000); }; $.ajaxSetup({ headers: { 'Gw-Shop-User-Token': localStorage.getItem('GwShopUserToken'), 'ltd-website-id':localStorage.getItem('ltd-website-id') || '', 'ltd-token':localStorage.getItem('GwShopUserToken') || '' } }); //判断是否显示微信图标 $.ajax({ method:"GET", url:"/shop/frontend/system/config", success:function(res){ if(res.code !== 0){ return layer.msg(res.msg) } if(res.data.oauth.weixin){ $(".main-content .wx-login-box").show() } } }) //存放注册动态表单 var registerForm; /*获取注册表单*/ $.ajax({ method: 'GET', url: "/shop/frontend/user/getSettingInfo", dataType: 'json', success: function (result) { registerForm=result; if(result.code !== 0){ return false } result.data.forEach(el=>{ $(".register-btn").before("<div class='form-group'>" +"<label>"+el.title+"</label>" +"<input type='text' class='form-control form-item' placeholder=*"+el.tips+">" +"</div>"); }) } }); /*点击登录按钮*/ $(".login-btn").click(function(){ const username =$("input[name='login_phone']").val(); const password =$("input[name='login_pwd']").val(); if(username === ''|| password === ''){ layer.msg("请输入用户名或密码！"); return false } $.ajax({ method: 'POST', url: "/shop/frontend/user/login", dataType: 'json', data: {name:username,passwd:password}, success: function (result) { if(result.code !== 0){ layer.msg(result.msg); return false } layer.msg("登陆成功"); close(); localStorage.setItem("GwShopUserToken", result.data.token); localStorage.setItem("loginStatus", true); localStorage.setItem("ltd-website-id",result.data.website_id) localStorage.setItem("user_id",result.data.user_id) localStorage.setItem("avatarUrl",result.data.user.avatar.url) let url = window.location.href; let recommend_id =localStorage.getItem("user_id") window.location.href =url+"?recommend_id="+recommend_id } }); }) /*点击获取注册验证码*/ $(".register_code span").click(function(){ const register_phone=$("input[name='register_phone']").val(); if(register_phone === ''){ layer.msg("请输入手机号！"); return false }else if(isTimeOut){ return false } $.ajax({ method: 'GET', url: "/shop/frontend/user/sendRegisterCode", dataType: 'json', data:{mobile:register_phone}, success: function (result) { if(result.code !== 0){ layer.msg(result.msg); return false } layer.msg("发送验证码成功！"); setTimeOut() } }); }) /*点击注册*/ $(".register-btn").click(function(){ //存放动态表单的每一项的value let formItemArr=[]; $(".form-item").each(function(){ formItemArr.push($(this).val()) }) const register_code=$("input[name='register_code']").val(); const register_phone=$("input[name='register_phone']").val(); const register_pwd=$("input[name='register_pwd']").val(); if(register_code === ''||register_phone === ''||register_pwd === ''){ layer.msg("请填写完整信息"); return false } let dataobj = {}; registerForm.data.forEach((el,index) => { dataobj[el.id] = { value: formItemArr[index], type: el.type, title: el.title, tips: el.tips, id: el.id, url: "", }; }); console.log(dataobj); $.ajax({ method: 'POST', url: "/shop/frontend/user/register", dataType: 'json', data:{ code:register_code, info:dataobj, mobile:register_phone, passwd:register_pwd, recommend_id:"735" }, success: function (result) { if(result.code !== 0){ layer.msg(result.msg); return false } layer.msg("注册成功"); } }); }) /*点击微信扫码登录*/ $(".open-wx i").click(function(){ $(".wx-qrcode-box").show(); $(".main-content >div").not(".wx-qrcode-box").hide(); $.ajax({ method: 'GET', url: "/shop/frontend/user/getQrcode", success: function (res) { if(res.code !== 0){ layer.msg(res.msg); return false } $(".wx-qrcode-box img").attr("src",res.data.url); console.log(res.data.scene_key); const timer = setInterval(() => { $.ajax({ method: 'POST', url: "/shop/frontend/user/checkLogin", data:{"scene_key":res.data.scene_key}, success: function (res2) { if(res2.code !== 0){ layer.msg(res2.msg); return false } if (res2.data.is_key === 0 && res2.data.is_mobile === 0) {//未扫码 } else if (res2.data.open_id && res2.data.is_mobile === 0){//扫码成功但未绑定手机号 open_id = res2.data.open_id layer.msg("扫码成功，请绑定您的手机号") clearInterval(timer); $("#bound-mobile-box").show(); $(".main-content >div").not("#bound-mobile-box").hide(); }else if (res2.data.token && res2.data.is_mobile === 1) {//扫码成功已绑定手机号 layer.msg("扫码成功") clearInterval(timer); close(); localStorage.setItem("GwShopUserToken", res2.data.token); localStorage.setItem("loginStatus", true); location.reload(); } } }); }, 2000); } }); }) /*点击绑定手机号按钮*/ $("#bound-mobile-box .bound-btn").click(function(){ const bound_phone =$("input[name='bound_phone']").val(); const bound_code =$("input[name='bound_code']").val(); if(!bound_phone || !bound_code){ layer.msg("请填写完整信息！"); return false } let dataObj = { mobile: bound_phone, code: bound_code, open_id: open_id, }; $.ajax({ method: 'POST', url: "/shop/user/mobile/bound", dataType: 'json', data: dataObj, success: function (res) { if(res.code !== 0){ layer.msg(res.msg); return false } layer.msg("绑定成功"); close(); localStorage.setItem("GwShopUserToken", res.data.token); localStorage.setItem("loginStatus", true); location.reload(); } }); }) /*点击发送绑定手机号验证码*/ $("#bound-mobile-box .bound_code span").click(function(){ const bound_phone =$("input[name='bound_phone']").val(); if(!bound_phone){ return layer.msg("请输入手机号") }else if(boundIsTimeOut){ return false } $.ajax({ method: 'POST', url: "/shop/user/mobile/sendBoundCode", data:{mobile:bound_phone}, success:function(res){ if(res.code !== 0){ layer.msg(res.msg); return false } layer.msg("发送验证码成功！"); setBoundTimeOut() } }) }) /*点击导航栏的登录 */ $(".login-nav .login").click(function(){ $(this).addClass("active"); $(".login-nav .register").removeClass("active") $("#register-box,.wx-qrcode-box,#bound-mobile-box").hide(); $("#login-box,.wx-login-box").show() }) /*点击导航栏的注册 */ $(".login-nav .register").click(function(){ $(this).addClass("active"); $(".login-nav .login").removeClass("active") $("#login-box,.wx-qrcode-box,#bound-mobile-box").hide(); $("#register-box,.wx-login-box").show() }) /*关闭弹窗*/ $(".close").on("click",close) function close(){ $(".login-content-div").hide() } $(document).off('click', '.show-login-popup').on('click', '.show-login-popup', function () { $(".login-content-div").show() }) </script>  <div class="signin-content-div"> <div class="signin-popup"> <div class="signin-popup-content popup-content"> <div class="correct-icon"></div> <div class="content"></div> <div class="ok-btn">OK</div> </div> </div> </div> <style> .signin-content-div{ display:none; } .signin-popup{ position:fixed; z-index: 10000; background-color: rgba(52, 73, 94, 0.9); top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; } .signin-popup .popup-content{ border-radius:6px; padding:15px; background-color: #fff; text-align:center; position: relative; display:flex; align-items:center; width: 400px; flex-direction:column; } .signin-popup-content .correct-icon{ color:#93FF93; border:3px solid #93FF93; border-radius:50%; width: 70px; height: 70px; } .signin-popup-content .correct-icon::before{ content:"√"; display:flex; justify-content:center; font-size:45px; } .signin-popup-content .content{ font-weight:600; font-size:18px; color:#545454; margin:30px 0 20px; } .signin-popup-content .ok-btn{ color:#fff; margin:5px; padding:8px 26px; border-radius:18px; cursor: pointer; background-color: #34495e; } </style> <script> //点击签到 $(".qd").click(function(){ $.ajax({ url:"/shop/user/signIn", method:"post", success:function(res){ $(".signin-content-div .content").text(res.msg) $(".signin-content-div").show() } }) }); $(".ok-btn").click(function(){ $(".signin-content-div").hide() }); </script>   <div id="focus-on-model-mask"> <div class="content"> <div class="guanzhu-content"> <p class="title">关注我们</p> <p>长按下方图片「识别二维码」关注公众号</p> <div class="text-center"> <img src="" class="mask-img" id="download-img"/> </div> </div> </div> </div> <script> $("#focus-on-model-mask").click(function () {//点击遮罩层关闭 $("#focus-on-model-mask").hide(); }) $("#focus-on-model-mask .guanzhu-content").click(function(e){//阻止事件冒泡 e.stopPropagation(); }) </script> <style> #focus-on-model-mask { display: none; } #focus-on-model-mask .content { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1998; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } #focus-on-model-mask .guanzhu-content { background-color: #fff; border-radius: 4px; font-weight: 400; color: #999999; display: flex; align-items: center; flex-direction: column; padding: 20px; } #focus-on-model-mask .guanzhu-content p { } #focus-on-model-mask .guanzhu-content .title { font-weight: 500; font-size: 22px; color: #222; text-align: center; } #focus-on-model-mask .guanzhu-content img { margin: 20px auto; width: 120px; height: 120px; } #focus-on-model-mask .guanzhu-content .lines { position: relative; } #focus-on-model-mask .guanzhu-content .lines::after, #focus-on-model-mask .guanzhu-content .lines::before { content: ''; background-color: #EEEEEE; width: 40%; position: absolute; top: 45%; } #focus-on-model-mask .guanzhu-content .lines::before { top: 45%; left: 0; } #focus-on-model-mask .guanzhu-content .lines::after { right: 0; } #focus-on-model-mask .guanzhu-content .text-center { text-align: center; } #focus-on-model-mask .guanzhu-content .marg-top-10 { } #focus-on-model-mask .guanzhu-content .save-btn { display: flex; justify-content: center; align-items: center; background-color: #505050; color: #fff; padding: 7px 20px; cursor: pointer; border-radius:4px; } </style> <style> .social-share-icon.icon-heart{ color: #E0E0E0; background-color: #fff; border-color:#E0E0E0; transition:color .1 ease !important; } .social-share-icon.icon-heart:hover{ color: #f0ad4e; background-color: #fff; border-color:#f0ad4e !important; } .has-collected{ color: #f0ad4e !important; background-color: #fff !important; border-color:#f0ad4e !important; } </style> <script> //取消收藏 function unlike(goods_id){ $.ajax({ method:"POST", url:"/shop/user/like/unlike?type=4&type_id="+goods_id, success:function(res){ if(res.code === 0){ $(".social-share-icon.icon-heart").removeClass("has-collected"); layer.msg("取消收藏成功"); }else{ layer.msg(res.msg); } } }) } //收藏 function like(goods_id){ $.ajax({ method:"POST", url:"/shop/user/like/like?type=4&type_id="+goods_id, success:function(res){ if(res.code === 0){ $(".social-share-icon.icon-heart").addClass("has-collected"); layer.msg("收藏成功"); }else{ layer.msg(res.msg); } } }) } </script>  <div class="payment-content-div"> <div class="payment-popup"> <div class="choose-popup-content popup-content"> <span class="close"><i class="fa fa-times"></i></span> <p>请选择支付方式</p> <div class="pay-item"> <img src="/visual-editor/images/yec.png" alt=""> <p>余额支付</p> </div> <p class="bottom-text">免费或VIP免费资源仅限余额支付</p> </div> <div class="confirm-popup-content popup-content"> <div class="header"> <div class="question-icon"></div> </div> <div class="content"> 购买此资源将消耗【<span>0</span>】积分 </div> <div class="btn-group"> <div class="mybtn cancel">取消</div> <div class="mybtn confirm">购买</div> </div> </div> </div> </div> <style> .payment-content-div{ display:none; } .payment-popup{ position:fixed; z-index: 10000; background-color: rgba(52, 73, 94, 0.9); top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; } .payment-popup .popup-content{ border-radius:6px; padding:15px; background-color: #fff; text-align:center; position: relative; } .payment-popup .choose-popup-content .close{ cursor: pointer; position: absolute; right: 10px; top:10px; } /*选择支付方式内容样式*/ .payment-popup .choose-popup-content{ width:300px; } .choose-popup-content >p{ font-weight:600; font-size:16px; color:#595959; } .choose-popup-content .pay-item{ display:flex; align-items:center; cursor: pointer; justify-content:center; padding:12px 30px; } .choose-popup-content .pay-item p{ font-size:18px; margin: 0 0 0 20px; color:#545454; font-weight:300; transition:all 0.3s ease; } .choose-popup-content .pay-item:hover p{ color:#1990fc; } .choose-popup-content .bottom-text{ margin:0; font-size:13px; color:#545454; font-weight:300; } /*确认支付内容样式*/ .payment-popup .confirm-popup-content{ width:400px; display:flex; flex-direction:column; justify-content:center; align-items:center; } .confirm-popup-content .header .question-icon{ color:#87adbd; border:3px solid #c9dae1; border-radius:50%; width: 70px; height: 70px; } .confirm-popup-content .header .question-icon::before{ content:"?"; display:flex; justify-content:center; font-size:45px; } .confirm-popup-content .content{ font-weight:300; color:#545454; font-size:18px; margin:30px 0 20px; } .confirm-popup-content .btn-group{ display:flex; } .confirm-popup-content .btn-group .mybtn{ color:#fff; margin:5px; padding:8px 26px; border-radius:18px; cursor: pointer; } .confirm-popup-content .btn-group .cancel{ background-color: #aaa; } .confirm-popup-content .btn-group .confirm{ background-color: #34495e; } </style> <script> const price=$(".content-hide-tips .coin span").text() //点击积分购买 $(".text-course-btn.integral-buy-button").click(function(){ $(".confirm-popup-content").hide() $(".choose-popup-content").show() $(".payment-content-div").show() }) //点击选择支付方式按钮 $(".pay-item").click(function(){ $(".confirm-popup-content .content span").text(price) $(".choose-popup-content").hide() $(".confirm-popup-content").show() }) //确认的弹窗 //点击取消按钮 $(".mybtn.cancel").click(function(){ $(".payment-content-div").hide() }) //积分购买的 function buy(id,num,mold){ const goods=[{"goods_id":id,"num":num}]; //下单 $.ajax({ method:"POST", url:"/shop/user/order/add", data:{goods:goods,mold:mold}, success:function(res){ if(res.code === 0){ $.ajax({ method:"POST", url:"/shop/user/order/payByIntegral", data:{order_id:res.data.order_id}, success:function(res2){ console.log(res2); hasClickBuy=false if(res2.code === 0){ layer.msg("购买成功"); $(".payment-content-div").hide() location.reload(); }else{ window.open("/u") } } }) }else{ layer.msg(res.msg); } } }) } //付费购买 function payBuy(id,num,mold){ if(hasClickBuy){ return layer.msg("请稍等") } hasClickBuy=true const goods=[{"goods_id":id,"num":num}]; $.ajax({ method:"POST", url:"/shop/user/order/add", data:{goods:goods,mold:mold}, success:function(res){ if(res.code === 0){ hasClickBuy=false //跳转至收银台 window.location.href="/shop"+"/"+"#/pay?id="+res.data.order_id; }else{ layer.msg(res.msg); } } }) } //免费购买 function freeBuy(id,num,mold){ if(hasClickBuy){ return layer.msg("请稍等") } hasClickBuy=true const goods=[{"goods_id":id,"num":num}]; $.ajax({ method:"POST", url:"/shop/user/order/add", data:{goods:goods,mold:mold}, success:function(res){ if(res.code === 0){ $.ajax({ method:"POST", url:"/shop/user/order/payZeroGoods", data:{order_id:res.data.order_id}, success:function(res2){ if(res2.code === 0){ layer.msg("购买成功"); hasClickBuy=false location.reload(); }else{ layer.msg(res2.msg); } } }) }else{ layer.msg(res.msg); } } }) } //关闭弹窗 $(".close").click(function(){ $(".payment-content-div").hide() }) </script>  <div class="modal fade gw-modal videoModal" id="myVideoModal" tabindex="-1" role="dialog"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <iframe class="video-iframe" frameborder="0" allowfullscreen="">