白鲸出海 - 泛互联网出海服务平台

<!DOCTYPE html> <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <meta property="qc:admins" content="3651022726621121671006375" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta name="renderer" content="webkit" /> <meta name=renderer content=webkit> <title>白鲸出海 - 泛互联网出海服务平台</title> <meta name="keywords" content="移动出海,海外开发者,白鲸出海,白鲸社区" /> <meta name="description" content="白鲸出海是一家致力于服务中国泛互联网企业走向海外的综合服务平台，目前白鲸出海涵盖资讯（快讯、7×24h、问答和话题等）、数据（公司、产品、资本、榜单、专辑和投放等）、服务（合作、招聘、活动、投融资和众创空间等）以及社群社区等共四大模块。自2014年7月开始运营以来，白鲸出海已成长为中国泛互联网出海媒体领域的领先品牌，在行业中家喻户晓。白鲸出海在2014年7月、2015年6月以及2017年11月分别完成百万人民币级天使投资、千万人民币级A轮融资和千万人民币级A+轮融资。" /> <base href="https://www.baijing.cn/" /> <link href="/static/style.css?v=201811291202310111" rel="stylesheet" type="text/css" /> <link href="/static/css/default/img/favicon.ico?v=8820231011" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css?v=202310111" /> <link rel="stylesheet" type="text/css" href="/static/css/icon.css?v=20231011" /> <link href="https://www.baijing.cn/static/css/default/common.css?v=20210428?v=202320231011" rel="stylesheet" type="text/css" /> <link href="https://www.baijing.cn/static/css/default/link.css?v=202320231011" rel="stylesheet" type="text/css" /> <link href="https://www.baijing.cn/static/js/plug_module/style.css?v=202320231011" rel="stylesheet" type="text/css" /> <link href="https://www.baijing.cn/static/style.css?v=1?v=202320231011" rel="stylesheet" type="text/css" /> <link href="/static/css/default/heardupdate.css?v=2023101120230103" rel="stylesheet" type="text/css" /> <script type="text/javascript"> var _783053B6ABCF9C4B50F2298A65E90D3D=""; var G_POST_HASH=_783053B6ABCF9C4B50F2298A65E90D3D; var G_INDEX_SCRIPT = ""; var G_SITE_NAME = "白鲸出海"; var G_BASE_URL = "https://www.baijing.cn"; var G_STATIC_URL = "https://www.baijing.cn/static"; var G_UPLOAD_URL = "https://www.baijing.cn/uploads"; var G_USER_ID = ""; var G_RETURN_URL = "/"; var G_USER_NAME = ""; var G_UPLOAD_ENABLE = "N"; var G_UNREAD_NOTIFICATION = 0; var G_NOTIFICATION_INTERVAL = 100000; var G_CAN_CREATE_TOPIC = ""; </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?331181e0496721b21a6867ba36f5e942"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script src="https://www.baijing.cn/static/js/jquery.2.js?v=20231011103" type="text/javascript"></script> <script src="https://www.baijing.cn/static/js/jquery.form.js?v=20231011103" type="text/javascript"></script> <script src="https://www.baijing.cn/static/js/plug_module/plug-in_module.js?v=20231011103" type="text/javascript"></script> <script src="https://www.baijing.cn/static/js/aws.js?v=20231011103" type="text/javascript"></script> <script src="https://www.baijing.cn/static/js/aw_template.js?v=20231011103" type="text/javascript"></script> <script src="https://www.baijing.cn/static/js/app.js?v=20231011103" type="text/javascript"></script> <script type="text/javascript" src="https://www.baijing.cn/static/js/compatibility.js?v=202310112023"></script> </head> <noscript unselectable="on" id="noscript"> <div class="aw-404 aw-404-wrap container"> <img src="https://www.baijing.cn/static/common/no-js.jpg" alt="JS"> <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p> </div> </noscript>   <link rel="stylesheet" href="/static/css/element.css?v=2.15.12">  <script src="/static/js/vue.min.js?v=2.7.14"></script> <script src="/static/js/element.js?v=2.15.12"></script> <script src="/static/admin/js/admin_vue_mixin.js?v=6"></script> <script src="/static/js/lodash.min.js"></script>  <link rel="stylesheet" href="/static/swiper/swiper.min.css"> <script src="/static/swiper/swiper.min.js?v=2"></script> <link rel="stylesheet" href="/static/css/new_website/common.css?v=6">  <script type="text/javascript"> var userAgent = navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; var compatibilityMode = window.navigator.userAgent.indexOf('compatible') != -1; if (isIE || isIE11 || compatibilityMode) { var str3 = "https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/16765443861947814-20210412151835926-143347143.png"; document.write("<div style='text-align:center;' ><img src='" + str3 + "'/></div>" + "</div></div>"); } </script>  <style> body{ font-family: '微软雅黑', 'Microsoft YaHei','Helvetica Neue', 'STHeiti', Helvetica,Arial,sans-serif !important; background: #F7F8FA; } [v-cloak]{display: none;} </style> <script> function get_qrcode() { $.ajax({ url: '/consult/get_qrcode/', }).done((res)=>{ if(res.success){ let codelist = $('.codeImg'); let namelist = $('.namelist'); let wechatNamelist = $('.wechatNamelist'); if(document.getElementsByClassName('codeImg').length != 0 && res.data.imageUrl){ for (let i = 0; i < codelist.length; i++) { codelist[i].src = res.data.imageUrl; } } if(document.getElementsByClassName('namelist').length != 0 && res.data.name){ for (let i = 0; i < namelist.length; i++) { namelist[i].innerText = res.data.name; } } if(document.getElementsByClassName('wechatNamelist').length != 0 && res.data.wechat_name){ for (let i = 0; i < wechatNamelist.length; i++) { wechatNamelist[i].innerText = res.data.wechat_name; } } }else { // alert("获取二维码信息失败") } }).fail((res)=>{ // alert("服务器异常，获取二维码信息失败"); }) } // get_qrcode() </script> <style> .header-dropdown-item:hover .header_menu_subitemBox{ display: block; } .header_menu_subitemBox{ position: absolute; ; top:0px; left: 100%; text-align: left; display: none; padding: 0 !important; padding-left:24px !important; padding-right: 10px !important; } .header_menu_subitemBox >div{ padding: 0 !important; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)) !important; border-radius: 5px; overflow: hidden; width: 220px !important; } .header_menu_subitem{ color: var(--header_black); white-space: nowrap; padding: 10px 0; /*display: inline-block;*/ background-color: white } .header_menu_subitem:hover{ background-color: #ecf5ff; } .header_menu_subitem.disabled{ color: #999; } </style> <script> Vue.config.productionTip = false; </script> <link rel="stylesheet" href="/static/css/new_website/header.css?v=6" /> <div class="aw-top-menu-wrap aw-top-menu-fixed" id="header_vue" v-cloak> <sidebar-ad-n1 ></sidebar-ad-n1> <div class="headerNav" style="z-index: 999 !important;"> <div class="header_top"> <div class="header_top_content flex align_center justify_between"> <div>白鲸出海—让中国互联网服务世界</div> <div> <div v-if="user_info.uid" class="flex"> <el-popover placement="top" width="300" trigger="hover" ref="avatar_popover" popper-class="avatar_popover" > <div class="flex align_center user_top"> <div> <img alt="" style=" width: 40px; height: 40px; margin: 4px 0; border-radius: 50%; cursor: pointer; " src="/static/common/avatar-mid-img.png?v=342645488" /> </div> <div style="margin-left: 16px; flex: 1"> <div style="margin-bottom: 5px">{{user_info.user_name}}</div> <div v-if="user_info.reputation_group > 8"> 您当前是白鲸会员 </div> <div v-else>开通VIP，享受更多服务</div> </div> <div style="margin-left: 16px" v-if="user_info.reputation_group <= 8" > <a href="/setting/profile_member/"> <div class="vip_button">开通</div> </a> </div> </div> <div class="user_body"> <div class="flex justify_between user_body_top"> <div class="text_center"> <a href="/inbox/"> <el-badge :value="notifications.inbox_num"> <img src="/static/img/new_website/header/私信.png" alt="" /> </el-badge> <div class="user_body_item_title">私信</div> </a> </div> <div class="text_center"> <a href="/home/#all"> <img src="/static/img/new_website/header/动态.png" alt="" /> <div>动态</div> </a> </div> <div class="text_center"> <a href="/notifications/"> <el-badge :value="notifications.notifications_num"> <img src="/static/img/new_website/header/组 63.png" alt="" /> </el-badge> <div>通知</div> </a> </div> </div> <div> <div class="flex justify_between user_body_bottom"> <div> <a href="/account/setting/profile/"> 个人中心 </a> </div> <div> <a href="/account/logout/"> 退出 </a> </div> </div> </div> </div> </el-popover> <div v-popover:avatar_popover> <a href="/account/setting/profile/"> <img alt="" style=" width: 28px; height: 28px; margin: 4px 0; border-radius: 50%; cursor: pointer; " src="/static/common/avatar-mid-img.png?v=427373221" /> <i class="el-icon-caret-bottom color_999"></i> </a> </div> <div style="margin-left: 15px" class="vip_img"> <el-popover placement="top" width="230" trigger="hover" ref="vip_popover" > <div> <div> <div> <div> 会员到期时间：{{user_info.expire_date*1000 | formatDatebyDay}} </div> <div class="mt10"> 合作查看次数： {{users_vip_equities.view_cooperation || 0}}次 </div> <div class="mt10"> 合作发布次数： {{users_vip_equities.release_cooperation || 0}}次 </div> <div class="mt10"> 公司查看次数： {{users_vip_equities.view_company || 0}}次 </div> <div class="mt10"> 榜单下载次数： {{users_vip_equities.download_rank || 0}}次 </div> <div class="mt10"> 报告下载次数： {{users_vip_equities.download_book || 0}}次 </div> <div class="mt10">鲸币数量：{{user_info.jingbi}}</div> </div> </div> </div> </el-popover> <a href="/setting/profile_member/"> <img v-popover:vip_popover src="/static/img/new_website/header/vip点亮@2x.png" alt="" width="35px" height="28px" v-if="user_info.reputation_group > 8" /> <img src="/static/img/new_website/header/vip未点亮@2x.png" alt="" width="35px" height="28px" v-else /> </a> </div> <div> <el-button v-popover:publish_popover type="primary" size="mini" style="padding: 5px 15px; margin-left: 20px;height: 24px; font-size: 12px;" >发布</el-button >  <el-popover placement="top" width="100" trigger="hover" ref="publish_popover" popper-class="publish_popover" > <ul> <li> <a href="/publish/">问题</a> </li>  </ul> </el-popover> </div> </div> <div v-else> <a href="/account/login/" target="_blank"> 登录 </a> <a href="/account/register/" target="_blank" style="margin-left: 10px" > 注册 </a> </div> </div> </div> </div> <div class="header_body"> <div class="header_body_content flex align_center justify_between"> <div class="flex align_center"> <div> <a href="https://www.baijing.cn"> <img src="/static/img/logo_black.png?v=2" alt="" width="126px" height="31px" /> </a> </div>  <div class="header_menu"> <ul class="nav_list flex"> <template v-for="item in header_menu"> <a :href="''+item.url" v-if="!item.dropList" :target="item.target" > <li :class="currentPage == item.name?'active':''"> {{item.name}} </li> </a>  <el-dropdown v-if="item.dropList" placement="bottom" > <span class="el-dropdown-link"> <li :class="currentPage == item.name?'active':''"> {{item.name}}<i class="el-icon-caret-bottom"></i> </li> </span> <el-dropdown-menu slot="dropdown" style="padding: 0" > <el-dropdown-item v-for="item2 in item.dropList" class="header-dropdown-item"> <a :href="''+item2.url" style="color: var(--header_black);position: relative;display: block;" @click="clickHandler(item2,$event)" > <div style="position: relative;">{{item2.name }} <i class="el-icon-caret-right" style="position:absolute;top: 50%;transform: translateY(-50%); right: -10px;" v-if="item2.children"></i> </div> <div class="header_menu_subitemBox" v-if="item2.children" > <div> <div v-for="ch in item2.children" class="header_menu_subitem" :href="''+ch.url" @click="clicksubHandler(ch,$event)" :class="{disabled:ch.disabled}"> {{ch.name }} </div> </div> </div> </a> </el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template> </ul> </div> </div> <div class="header_search po_re"> <i class="el-icon-search" style="cursor: pointer" @click="search_panel = true;getSeachTop10()" ></i> </div> <div class="search_panel" v-if="search_panel"> <div class="inner_box" style="margin-top: 80px"> <div class="flex justify_between align_center"> <div> <img src="/static/img/logo_black.png" alt="" width="126px" height="31px" /> </div> <div> <i class="el-icon-close" style="font-size: 36px; cursor: pointer" @click="search_panel = false" ></i> </div> </div> <div class="search_content"> <div class="search-control po_re"> <input type="text" class="search-text" :placeholder="searchTop10[0]?searchTop10[0].content:''" v-model="search_form.q" @keyup.enter="search()" /> <i class="el-icon-search po_ab" @click="search()"></i> </div> <div class="hot-search mt_20" v-if="searchTop10.length > 0"> <div class="title"># 热门搜索 #</div> <div class="mt_20"> <a class="hot-search-item" v-for="(item,index) in searchTop10" v-if="index > 0" @click="search(item.content)" >{{item.content}}</a > </div> </div> <div class="hot-search mt_20" v-if="histoty_search.length > 0"> <div class="flex justify_between"> <div class="title"># 历史记录 #</div> <div style="line-height: 24px; cursor: pointer" @click="clearHistotySearch" > <i class="el-icon-delete"></i> 清空 </div> </div> <div class="mt_20"> <a class="hot-search-item" v-for="(item,index) in histoty_search" @click="search(item)" >{{item}}</a > </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="header_fixed"></div> <style> .h{ height: 5.7591vw !important; z-index: 999999999999999; } .h .el-carousel__container{ height: 5.7591vw !important; } .parent { display: flex; flex-direction: column; } .parent > el-carousel { height: auto; } .headerimg img{ width: 100%; height: 5.7591vw; } .header_close{ padding-bottom: 45px; right: 4px; /* top: 39.39px; right: 0px; cursor: pointer; z-index: 2; */ /* background-color: #00000044; */ } .MA1_dialog,.MA1_dialog_W { width: max-content; } .MA1_dialog img{ max-width: 70vw !important; max-height: 70vh !important; } .MA1_dialog_W img{ width: 80vw; max-height: 80vh !important; } .popup { background-color: transparent; /* 初始为透明背景 */ transition: background-color 0.5s ease; /* 0.5 秒的平滑过渡 */ } </style> <script type="text/x-template" id="sidebar-ad-n1"> <div> <div id="swipers"> <el-carousel interval='6800' class='h' indicator-position="none" > <el-carousel-item v-for="item in ad['N1']" :key="item"> <div v-if="ad['N1']" class="po_re headerimg" > <img :src="item?.img_url" :alt="item?.link_type" width="100%" v-if="item?.link_type=='6'" @click="appear(item.img_url_ios,item.img_text)"> <a :href="''+item?.link" target="_blank" v-else> <img :src="item?.img_url" :alt="item?.link_type" width="100%"> </a> <div class="header_close po_ab" onclick="closeheader()"> <i class="el-icon-close fs24" style="color:#ffffff"></i> </div>  </div> </el-carousel-item> </el-carousel> </div> <transition name="el-fade-in-linear"> <div v-show="dialogShow" style='height: 100vh;width: 100vw;background-color: #fff;z-index: 999999999999;position:fixed ;top: 0;left: 0;display: flex;justify-content: center;background-color: #00000044;justify-content:center;align-items: center;'> <div style='width: 400px;height:435px;background-color: #fff;position: relative;' > <i class="el-icon-close" style='position:absolute;top: 16px;right: 16px;' @click='dialogShow = false' ></i> <div style='padding: 16px 0 0 16px;height: 80px;font-size:18px;font-weight:600;line-height:1.4;text-align:center;' v-if="ad['N1']" v-html="imgExplain"></div> <div style='width: 100%;display: flex;justify-content: center;' > <img v-if="ad['N1']" style='width: 290px;height:auto;margin: 20px 0;' :src="img" alt=""> </div> </div> </div> </transition>  </div> </script> <script> var header_close = '' // console.log(header_close,'header_close') $(function(){ var is_publish = "false" if (header_close == 'closed') { $("#swipers").hide() $('.header_fixed').css('padding-top',"96px") $(".headerimg").hide() document.body.classList.remove('global_header_dv') document.body.style.removeProperty('--global_header_dv') }else if ($(window).width() > 768) { $("#swipers").show() $(".headerimg").show() document.body.classList.add('global_header_dv') let headerimg_heigth = $('.headerimg').height() if(!headerimg_heigth){ headerimg_heigth = 0 }else{ if(is_publish!='false'){ $('.aw-content-wrap').css('margin-top',$('.headerimg').height()) } } document.body.style.setProperty('--global_header_dv', headerimg_heigth+'px') $(".header_close").css("top",$('.headerimg').height()/2) let newheight = $('.headerimg').height() + 96 $(window).resize(function(){ if(header_close != 'closed'){ newheight = $('.headerimg').height() + 96 if ($(window).width() > 768) { $(".headerimg").show() $('.header_fixed').css('padding-top',newheight) $(".header_close").css("top",$('.headerimg').height()/2) }else{ $(".headerimg").hide() } // 这块是给vue2 的样式兼容，因为预约会谈功能 document.body.style.setProperty('--global_header_dv', $('.headerimg').height()+'px') } }) $('.header_fixed').css('padding-top',newheight) }else if ($(window).width() < 768) { document.body.classList.remove('global_header_dv') document.body.style.removeProperty('--global_header_dv') $(".headerimg").hide() } }) function closeheader(){ $('.isFixed').css('top','75px') $(".headerimg").hide() $("#swipers").hide() $('.header_fixed').css('padding-top',"96px") header_close = 'closed' $.post('/index/set_header_close_session/') document.body.classList.remove('global_header_dv') } Vue.component("sidebar-ad-n1", { template: "#sidebar-ad-n1", data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], dialogShow:false, img:'', imgExplain:'' } }, methods: { show(){ this.dialogShow = true }, appear(img,imgExplain){ this.dialogShow = true this.img = img this.imgExplain = imgExplain }, showSub(){ console.log(this.$refs.childRef.dialogShow); this.$refs.childRef.dialogShow=true; }, }, created(){ // console.log(this.ad['N1']) }, mounted() { // const carousel = this.$refs.carousel; // const content = carousel.querySelector('.carousel-content'); // carousel.style.height =window.innerWidth*0.057591+'px' console.log('mounted() {'); console.log('mounted() {'); // console.log(this.ad); console.log(this.ad['N1']); console.log(this.ad); console.log('mounted() {'); console.log('mounted() {'); }, }) </script><script> var header_vue = new Vue({ el:"#header_vue", mixins:[admin_mixin], data:{ user_info:{}, users_vip_equities:{}, currentPage:"", header_menu:[ {name:"首页",url:"/"}, {name:"浏览",dropList:[ {name:"资讯",url:"/article/"}, {name:"7x24H",url:"/newsflashes_txzq/"}, {name:"问答",url:"/question/"}, // {name:"爆料",url:"/newsflashes/"}, {name:"社区",url:"/people/"}, {name:"话题",url:"/topic/"}, ]}, {name:"研究院",dropList:[ {name:"企业",url:"/company/"}, {name:"产品",url:"/product/"}, {name:"DTC",url:"/dtc/main/site_list/"}, {name:"资本",url:"/financing/"}, {name:"榜单",url:"/store/"}, {name:"专辑",url:"/subject/"}, ]}, {name:"合作",url:"/exchange/"}, {name:"报告",url:"/report/"}, {name:"活动",url:"/activity/"}, {name:"企业服务",dropList:[ {name:"开发者服务",url:"/service/"}, {name:"招聘",url:"/job/"}, {name:"出海企业投融资",url:"/project/"}, {name:"出海众创空间",url:"/space/"}, ]}, {name:"培训",dropList:[ {name:"视频",url:"/video/"}, {name:"公开课",url:"https://baijingapp.com/A3EFre/",target:"_blank"}, {name:"出海创业营II期",url:"/global_meeting/incubator/"}, {name:"出海创业营I期",url:"/global_meeting/incubator/"}, ]}, { name: "全球流量大会", dropList: [ { name: "2024全球流量大会", url: "/gtc2024/", children: [ { name: '上海（Shanghai）-已结束', url: '/gtc2024/shanghai' }, { name: '深圳（Shenzhen）-已结束', url: "/gtc2024/shenzhen" }, ] }, {name:"2023全球流量大会",url:"/gtc2023/"}, {name:"2022全球流量大会",url:"/gtc2022/?qd=bjgw"}, {name:"2021全球流量大会",url:"/gtc2021/?qd=bjgw"}, {name:"2020全球流量大会",url:"/gtc2020/?qd=bjgw"}, {name:"2019全球流量大会",url:"/gtc2019/?qd=bjgw"}, {name:"2018全球流量大会",url:"/gtc2018/?qd=bjgw"}, ]}, {name:"白鲸跨境",url:"http://kuajing.baijing.cn/",target:"_blank"}, {name:"白鲸技术栈",url:"http://jishuzhan.baijing.cn/",target:"_blank"}, ], search_panel:false, search_form:{}, searchTop10:[], histoty_search:[], notifications:{} }, methods:{ gotoappointment(){ location.href = '/appointment/admin/' }, search(content){ this.search_form.q = content || this.search_form.q || this.searchTop10[0].content let histoty_search = [] if(localStorage.histoty_search){ histoty_search = JSON.parse(localStorage.histoty_search) } let key = "" histoty_search.forEach((item,index) => { if(item == this.search_form.q){ key = item histoty_search.splice(index, 1); histoty_search.unshift(key) } }); if(!key){ histoty_search.unshift(this.search_form.q) } localStorage.setItem("histoty_search",JSON.stringify(histoty_search)) this.post("/search/",this.search_form) }, post(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("input"); opt.name = x; opt.value = PARAMS[x]; // alert(opt.name) temp.appendChild(opt); } document.body.appendChild(temp); temp.submit(); }, clearHistotySearch(){ localStorage.removeItem("histoty_search"); this.histoty_search = [] }, getSeachTop10(){ var _this = this $.post("/search/ajax/top10/",function(res){ if(res.success){ _this.searchTop10 = res.data } }) }, getNotifications(){ $.get("/home/ajax/notifications/",function(res){ if(res.errno == '1'){ header_vue.notifications = res.rsm } },'json') }, clickHandler(item,e){ if(item.children||item.disabled){ e.preventDefault() } }, clicksubHandler(item,e){ if(item.children||item.disabled){ e.preventDefault() e.stopPropagation() } if(item.url){ location.href = item.url } } }, created(){ if(localStorage.histoty_search){ this.histoty_search = JSON.parse(localStorage.histoty_search) } let php_app = "index" if(php_app == 'index'){ this.currentPage = '首页' } if(php_app == 'article' || php_app == 'newsflashes_txzq' || php_app == 'question' || php_app == 'topic' || php_app == 'newsflashes' || (php_app == 'people' && "1")){ this.currentPage = '浏览' } if(php_app == 'company' || php_app == 'dtc' || php_app == 'product' || php_app == 'financing' || php_app == 'store' || php_app == 'subject' || php_app == 'delivery' || php_app == 'institute' || (php_app == 'people' && "")){ this.currentPage = '研究院' } if(php_app == 'report'){ this.currentPage = '报告' } if(php_app == 'exchange'){ this.currentPage = '合作' } if(php_app == 'activity'){ this.currentPage = '活动' } if(php_app == 'profile_service' || php_app == 'service' || php_app == 'job' || php_app == 'space' || php_app == 'project'){ this.currentPage = '企业服务' } if(php_app == 'video'){ this.currentPage = '培训' } this.user_info = {"group_name":"\u6e38\u5ba2","permission":{"visit_site":"1","visit_explore":"1","search_avail":"1","visit_question":"1","visit_topic":"1","visit_feature":"1","visit_people":"1","visit_chapter":"1","answer_show":"1"}}; this.users_vip_equities = false; this.getNotifications() if(this.user_info.uid){ setInterval(() => { this.getNotifications() }, 60000); } } }) // 公司跟产品logo替换 function if_no_img(e){ $(e).attr("data-origin-src",$(e).attr("src")) $(e).attr("src","/static/css/default/img/zanwu2.jpg") } function if_no_img_exchange(e){ $(e).attr("src","/static/img/new_website/exchange/people_logo.png") } </script> <link rel="stylesheet" href="/static/css/new_website/article_list.css?v=19"> <style> body{ background: #ffffff; } .need_big_arrow .el-carousel__arrow,.need_big_arrow .el-carousel__arrow i{ font-size: 24px; } .carousel_area{ align-items: stretch; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 16px 0 rgb(16 49 189 / 10%); } .carousel_area .el-carousel__container { width: 552px; height: 326px; } .carousel_area .el-image{ width: 552px; height: 326px; color: #fff; border-radius: 2px 0 0 2px; } .carousel_area .banner_news_list{ position: relative; flex: 1; background: #f5f7fa; border-radius: 0 2px 2px 0; } .carousel_area .news_list_item{ position: absolute; width: 100%; height: 100%; overflow: hidden; font-size: 13px; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; border-radius: 0 2px 2px 0; } .carousel_area .news_list_item.active{ opacity: 1; visibility: visible; } .carousel_area .item-blur{ position: absolute; width: 100%; height: 100%; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); filter: blur(15px); transform: scale(1.1); } .carousel_area .item_text_area{ position: absolute; z-index: 2; width: 100%; height: 100%; padding: 16px 19px 14px; background-color: rgba(153,153,153,0.5); background-blend-mode: darken; } .carousel_area .title{ display: inline-block; font-size: 22px; line-height: 33px; color: #feffff; letter-spacing: .5px; text-align: justify; margin-bottom: 18px; hyphens: auto; } .carousel_area .item_dec{ line-height: 1.46; text-align: justify; letter-spacing: .5px; margin: 0; hyphens: auto; } .need_scale{transition: all .5s;} .need_scale:hover{scale: 1.1;} .carousel_area .carousel_box .el-carousel__indicators { left: 21px; bottom: 5px; transform: translateX(0); } .carousel_area .carousel_box .el-carousel__button { width: 8px; height: 8px; border-radius: 50%; opacity: 1; } .carousel_area .carousel_box .el-carousel__indicator.is-active .el-carousel__button{ width: 21px; background-color: var(--active_blue); border-radius: 4px; } .section_box{align-items: stretch;} .section_box_list{margin-top: 20px;} .section_box_list a{height: 220px;box-shadow: 0 2px 16px 0 rgb(16 49 189 / 10%);width: 400px;overflow: hidden;} .section_box_image{width: 400px;height: 220px;border-radius: 4px;} .banner_title{position: absolute;bottom:0px;width: 100%;} .banner_title p{background-color: rgba(0, 0, 0, .7);text-align: center;margin: 0;color: #ffffff;padding: 5px 0;} .adviertisement_A1{width: 850px;height: unset;margin-top: 15px;box-shadow: 0 2px 16px 0 rgb(16 49 189 / 10%);} .adviertisement_A1 img{width: 850px;} .hot_activity_list{padding: 0;} .article_type{padding: 0 20px;box-shadow: 0px 3px 6px 0px rgb(221 221 221 / 26%);} .article_type_item{cursor: pointer;font-size: 18px;padding-top:10px;margin: 5px 0;} .article_type_item.active{color: var(--active_blue);} .article_type_item.active::after { content: ''; width: 60%; display: block; margin: 0 auto; border-bottom: 2px solid var(--active_blue); padding-top:10px } .article_type_item+.article_type_item{margin-left: 25px;} .aside_card{box-shadow: 0px 3px 6px 0px rgba(221,221,221,0.26);} .aside_card a{color: inherit;} .index_small_section{display: inline-block;} .index_small_section_header{margin: 16px 0;padding: 0 20px;} .subject_list{padding: 0 20px;} .index_small_section_title::before{ content: ""; position: absolute; left: 0; top: -3px; width: 6px; height: 27px; background: #089FFF; border-radius: 3px; } .index_small_section_title{ position: relative; padding-left: 16px; font-size: 24px; font-weight: 400; color: #000000; line-height: 18px; } /* 专辑 */ .index_small_section_subject .el-carousel__arrow--left{ left: 0; } .index_small_section_subject .el-carousel__arrow--right{ right: 3px; } .subject_item{ padding: 10px; width: 244px; } .subject_item:hover{box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.16);} .subject_item_title{margin-top: 10px;font-size: 18px;line-height: 26px;height: 70px;} .subject_item_info{padding-top: 10px;border-top: 1px #e3e3e3 solid;} .recommend_companys_list{ padding: 20px; padding-top: 40px; } .recommend_companys_item{ width: 248px; height: 217px; background: linear-gradient(183deg, #E4F0FF, #F9F9F9); border-radius: 6px; padding: 16px; } .recommend_companys_img{top: -30px;display: inline-block;} .recommend_companys_title{ display: inline; margin-left: 25px; position: relative; top: -20px; font-size: 18px; } .recommend_companys_business{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; word-break: break-all; hyphens: auto; } .report_list{padding:0 20px;} .report_item{width: 380px;padding: 16px;} .report_item:hover{box-shadow: var(--box_shadow);} .report_title{font-size: 16px;height: 50px;margin-top: 10px;} .video_list{padding: 20px;flex-wrap: wrap} /* .video_item{width: 260px;padding: 10px;} */ .video_item{width: 33%;padding: 10px;} .video_item:hover{box-shadow: var(--box_shadow);} .MA1_dialog .el-dialog__header{ padding: 20px 40px 10px 10px; font-size: 16px; line-height: 1.6; } </style> <div class="inner_box" v-cloak> <div class="section_box flex mt_16"> <div class="section_box_left"> <div class="carousel_area flex"> <div class="carousel_box"> <el-carousel @change="changeCarouselBox" class="need_big_arrow" :interval="11000"> <el-carousel-item v-for="item in bannerList" :key="item.title"> <a :href="''+item.link" target="_blank"> <el-image :src="item.url" fit="cover" class="need_scale"></el-image> </a> </el-carousel-item> </el-carousel> </div> <div class="banner_news_list"> <div :class="['news_list_item',currentNewsItem == index?'active':'']" v-for="(item,index) in bannerList"> <div class="item-blur" :style="{backgroundImage:'url('+item.url+')'}"></div> <div class="item_text_area flex flex_column justify_between"> <div> <a :href="''+item.link" target="_blank" class="title"> {{item.name}} </a> <p class="item_dec"> {{item.synopsis}} </p> </div> <div class="flex justify_between"> <div> <i class="el-icon-time"></i> {{item.add_time}} </div> <div> <i class="el-icon-view"></i> {{item.views}} </div> </div> </div> </div> </div> </div> <sidebar-ad-b1></sidebar-ad-b1> <div class="article_area mt_16"> <div class="flex article_type"> <div v-for="(value,key) in articleType" :class="['article_type_item',articleForm.type == key?'active':'']" @click="changeArticleType(key)"> {{value}} </div> </div> <div class="article_list" v-loading="articleLoading"> <div v-for="(item, index) in articleList" >  <div v-if="index==2" > <sidebar-ad-ma1 ></sidebar-ad-ma1> </div> <div class="article_item flex"> <div class="article_item_left"> <a :href="'/article/'+item.id" target="_blank" style="width: 276px;height:184px;overflow:hidden;display: block;"> <el-image fit="fill" style="width: 276px;height:184px;border-radius: 6px;" class="need_scale" :src="item.article_pic"> <div slot="placeholder" class="image-slot flex align_center justify_center"> <div> 加载中 <i class="el-icon-loading"></i> </div> </div> </el-image> <div v-if="item.id!=50370&&item.id!=50586&&item.id!=50524" :class="['article_tag','tag_type_'+item.type]"> <span>{{articleType[item.type]}}</span> </div> </a> </div> <div class="article_item_right flex flex_column"> <a :href="'/article/'+item.id" target="_blank"> <p :title="item.title" class="article_item_title">{{item.title}}</p> </a> <p class="article_item_desc"> {{item.synopsis}} </p> <div class="flex justify_between"> <div class="flex"> <div> <i class="el-icon-user"></i> <a :href="'/people/'+item.user_info.uid" target="_blank" v-if="item.user_info && item.user_info.uid"> {{item.user_info.user_name}} </a> </div> <div style="margin-left: 16px;"> <i class="el-icon-time"></i> {{item.add_time}} </div> <div v-if="item.topic.length > 0" style="margin-left: 16px;"> <i class="el-icon-paperclip"></i> <a v-for="(item2,index2) in item.topic" :href="'/topic/'+item2.url" v-if="index2 < 2" class="topic_item">{{item2.title}}</a> </div> </div> <div> <i class="el-icon-view"></i> {{item.views}} </div> </div> </div> </div> </div> <div> <div class="aw-load-more-content" @click="getMoreArticle"> <i class="el-icon-loading" v-if="moreArticleLoading"></i> 加载更多 </div> </div> </div> </div>  <div class="index_small_section index_small_section_subject mt_16 w_100"> <div class="flex justify_between index_small_section_header"> <div class="index_small_section_title"> 专辑 </div> <div> <a href="/subject/" target="_blank"> 查看更多 </a> </div> </div> <div> <el-carousel arrow="hover" height="314px" :autoplay="false" class="need_big_arrow"> <el-carousel-item v-for="(item,index) in subjectList" :key="index"> <div class="flex justify_between w_100 subject_list"> <div class="subject_item" v-for="(item2,index2) in item"> <div> <a :href="'/subject/'+item2.url_token" target="_blank"> <img :src="''+item2.subject_img" :alt="item2.subject_title" onerror="if_no_img(this)" width="220" height="180" class="br_6"> </a> </div> <div class="color_333 subject_item_title"> <a :href="'/subject/'+item2.url_token" target="_blank"> {{item2.subject_title}} </a> </div> <div class="flex justify_between subject_item_info color_999"> <div> <i class="el-icon-s-home"></i> {{item2.url_token == 'AI'?'376':item2.company_num}}家公司 </div>  </div> </div> </div> </el-carousel-item> </el-carousel> </div> </div> <div style="padding: 20px;">  </div>  <div class="index_small_section mt_16 w_100"> <div class="flex justify_between index_small_section_header"> <div class="index_small_section_title"> 企服推荐 </div> <div> <a href="/service/" target="_blank"> 查看更多 </a> </div> </div> <div> <div class="recommend_companys_list flex justify_between"> <div v-for="(item,index) in recommend_companys" class="recommend_companys_item po_re" v-if="index < 3"> <div> <div class="recommend_company_item po_re recommend_companys_img"> <a v-if="item.redirect_url" :href="''+item.redirect_url" target="_blank"> <img :src="'https://www.baijing.cn'+item.company_logo" :alt="item.company_short_name || item.company_name"> </a> <a v-else :href="'/people/'+item.uid" target="_blank"> <img :src="'https://www.baijing.cn'+item.company_logo" :alt="item.company_short_name || item.company_name"> </a> </div> <div class="recommend_companys_title"> <a v-if="item.redirect_url" :href="''+item.redirect_url" target="_blank"> {{item.company_short_name || item.company_name}} </a> <a v-else :href="'/people/'+item.uid" target="_blank"> {{item.company_short_name || item.company_name}} </a> </div> </div> <div class="recommend_companys_business"> {{item.company_business}} </div> </div> </div> </div> </div> <div class="p20" v-if="new Date().getTime() < 1693411200000"> <a href="https://baijing.cn/amazon/Amazon_Ads_Gala/" target="_blank"> <img src="https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1690873608f337399710f18ae064e2bb6d3133470.jpg" alt="2023亚马逊开箱盛典" width="100%" class="br_6"> </a> </div>  <div class="index_small_section mt_16 w_100"> <div class="flex justify_between index_small_section_header"> <div class="index_small_section_title"> 报告 </div> <div> <a href="/report/" target="_blank"> 查看更多 </a> </div> </div> <div> <div class="report_list flex justify_between"> <div v-for="item in reportList" class="report_item"> <div class="po_re"> <a :href="'/report/main/info/?id='+item.id" target="_blank"> <img :src="''+item.banner_url" :alt="item.title" width="100%" class="br_6" height="205"> </a>   </div> <div class="report_title"> <a :href="'/report/main/info/?id='+item.id" target="_blank"> {{item.title}} </a> </div> <div class="flex justify_between color_999" style="font-size: 14px;"> <div> {{item.source}} </div> <div> 小编推荐 </div> </div> </div> </div> </div> </div>     <div class="index_small_section mt_16 w_100"> <div class="flex justify_between index_small_section_header" v-if="videoList.length"> <div class="index_small_section_title"> 视频推荐 </div> </div> <div> <div class="video_list flex"> <div class="video_item" v-for="item in videoList"> <video style="width:100%; object-fit:cover;" :poster="item.poster" :controls="item.controls" @mouseover="item.controls=true" @mouseleave="item.controls=false" class="br_6"><source :src="item.src" type="video/mp4"></video> <div class="color_333"> {{item.name}} </div> </div> </div> </div> </div> <div class="index_small_section mt_16 w_100" v-if="liveList.length > 0"> <div class="flex justify_between index_small_section_header"> <div class="index_small_section_title"> 官方视频号—直播预约 </div> </div> <div> <div class="article_list"> <div class="article_item flex" v-for="item in liveList" style="height: auto;cursor: pointer;" @click="openLiveDialog(item)"> <div class="article_item_left po_re" style="height: 138px;"> <el-image fit="fill" style="width: 233px;height:138px;border-radius: 6px;" class="need_scale" :src="item.pic"> <div slot="placeholder" class="image-slot flex align_center justify_center"> <div> 加载中 <i class="el-icon-loading"></i> </div> </div> </el-image> <div class="article_tag tag_type_1" v-if="new Date().getTime()<item.start_time*1000" style="right: 7px;left: unset;"> 预约中 </div> <div class="article_tag tag_type_9" v-else style="right: 7px;left: unset;"> <img src="/static/img/new_website/live/living.gif" alt=""> 直播中 </div> </div> <div class="article_item_right flex flex_column justify_between" style="height: 138px;"> <div> <p :title="item.title" class="article_item_title">{{item.title}}</p> <p class="color_666 one_line"> 主办方：<span v-for="(item2,index) in item.source">{{item2}}<span v-if="index+1 < item.source.length">&</span></span> </p> </div> <div class="flex justify_between" style="align-items: end;"> <div class="flex"> <div class="flex align_center"> <img src="/static/img/new_website/live/视频号.png" alt="" class="mr5"> {{item.platform}} </div> <div style="margin-left: 16px;"> <i class="el-icon-time"></i> {{item.time | liveTime}} </div> </div> <div> <el-button type="primary"> {{item.start_time*1000>new Date().getTime()?'立即预约':'立即观看'}} </el-button> </div> </div> </div> </div> </div> </div> </div> <div> <div class="mt_16" style="padding: 0 20px;"> <sidebar-ad-b3></sidebar-ad-b3> </div> </div> </div> <div class="section_box_right"> <div class="aside_card" :style="[{height:open?'326px':'140px'}]">  <activity-calendar @change="getOpen"></activity-calendar> </div>  <sidebar-activity-one v-if="!open"></sidebar-activity-one> <div class="aside_card">  <sidebar-ad-b2></sidebar-ad-b2> </div>  <div class="aside_card">  <sidebar-ad-zb1></sidebar-ad-zb1> </div> <sidebar-newsflashes></sidebar-newsflashes> <sidebar-hot-article></sidebar-hot-article> <sidebar-statistics></sidebar-statistics> <sidebar-consult></sidebar-consult> <sidebar-wechat-quanzi></sidebar-wechat-quanzi> <sidebar-recommend-companys @change="getRecommendCompanys"></sidebar-recommend-companys>  <sidebar-exchange></sidebar-exchange> </div> </div> </div> <style> .activity_calendar { background-color: #F0F9FF; background-size: cover; width: 360px; background-repeat: no-repeat; } .activity_calendar_header { padding: 10px 10px 0 10px; color: #5a5a5a; height: 75px; } .changeMonth { position: absolute; right: 0; top: 0; font-size: 18px; } .changeMonth i { cursor: pointer; } .activity_calendar_currentMonth { padding-bottom: 20px; font-size: 20px; display: inline-block; } .activity_calendar_body { padding: 10.5px 10px; transition: height .8s; } .activity_calendar_grid { display: grid; grid-template-columns: repeat(7, 48px); grid-row-gap: 15px; } /* .activity_calendar_grid_main { grid-template-rows: repeat(5, auto); height: 100%; } */ .day .bg { display: inline-block; height: 25px; line-height: 25px; color: var(--active_blue); font-weight: bold; } .day .bg.has_spot { cursor: pointer; } .po_ab.has_spot_line{ border-bottom: var(--active_blue) 3px solid; width: 24px; left: 50%; transform: translateX(-50%); bottom: -6px; border-radius: 20px; } .day .select { width: 25px; height: 25px; text-align: center; display: inline-block; border-radius: 50%; color: #fff; background: #80CDFF; } .day .other-month { color: #ccc; } .activity_calendar_grid_activitys { padding: 5px 15px 5px 20px; } .activity_calendar_grid_activity_item { padding: 10px 0; border-bottom: 1px solid rgba(215, 179, 117, .2); } .activity_calendar_grid_activity_title { color: #353535; } .activity_calendar_grid_activity_time { font-size: 13px; padding-top: 5px; color: #888888; } .activity_calendar_grid_activity_cirle { top: 15px; left: -14px; width: 8px; height: 8px; border-radius: 4px; background-color: #FEC643; } .calendar_left_top{ position: absolute; left: -10px; top: -10px; width: 35%; } .activity_calendar .open { /* background-color: #f6f6f6; */ color: #999; font-size: 12px; line-height: 18px; border-radius: 9px; padding: 0 7px; cursor: pointer; } </style> <script type="text/x-template" id="activity-calendar"> <div class="activity_calendar"> <div class="activity_calendar_header"> <div class="text_center po_re"> <div> <img class="calendar_left_top" src="/static/img/new_website/aside_icon/活动日历元素@2x.png" alt=""> </div> <div class="activity_calendar_currentMonth"> {{selectDay.year}}年{{selectDay.month}}月 </div> <div class="changeMonth flex"> <i class="el-icon-arrow-left" @click="open?lastMonth():lastWeek()"></i> <i class="el-icon-arrow-right" @click="open?nextMonth():nextWeek()"></i> <div @click="openChange" class="flex open align_center"> <div>{{open?"收起":"展开"}}</div> <div :class="[open?'el-icon-caret-top':'el-icon-caret-bottom']"></div> </div> </div> </div> <div class="activity_calendar_grid text_center"> <div>日</div> <div>一</div> <div>二</div> <div>三</div> <div>四</div> <div>五</div> <div>六</div> </div> </div> <div class="activity_calendar_body" :style="[{height:open?'251px':'65px'}]"> <div class="activity_calendar_grid activity_calendar_grid_main"> <div v-for="item in dateList" class="day flex align_center justify_center"> <el-popover placement="bottom" width="300" trigger="hover" v-if="item.spot"> <div class="activity_calendar_grid_activitys"> <div v-for="item2 in item.activitys" class="activity_calendar_grid_activity_item po_re"> <div class="po_ab activity_calendar_grid_activity_cirle"> </div> <div class="activity_calendar_grid_activity_title two_line"> <a :href="'/activity/'+item2.activity_info.id" target="_blank"> {{item2.activity_info.title}} </a> </div> <div class="activity_calendar_grid_activity_time"> {{item2.activity_info.address || '线上活动'}} </div> </div> </div> <div class="po_re" slot="reference"> <div :class="['bg',(item.year === selectDay.year && item.month === selectDay.month) ? '': 'other-month',item.spot?'has_spot':'',item.year == nowDay.year && item.month == nowDay.month && item.day == nowDay.day?'select':'']"> {{item.day}} </div> <div class="po_ab has_spot_line"> </div> </div> </el-popover> <div v-else :class="['bg',(item.year === selectDay.year && item.month === selectDay.month) ? '': 'other-month',item.spot?'has_spot':'',item.year == nowDay.year && item.month == nowDay.month && item.day == nowDay.day?'select':'']"> {{item.day}} </div> </div> </div> </div> </div> </script> <script> Vue.component("activity-calendar", { template: "#activity-calendar", data() { return { nowDay:{}, selectDay: {}, dateList: [], open:false } }, methods: { /** * 时间戳转化为年月日时分秒 * time: 需要被格式化的时间，可以被new Date()解析即可 * format：格式化之后返回的格式，年月日时分秒分别为Y, M, D, h, m, s，这个参数不填的话则显示多久前 */ formatTime(time, format) { function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n } function getDate(time, format) { const formateArr = ['Y', 'M', 'D', 'h', 'm', 's'] const returnArr = [] const date = new Date(time) returnArr.push(date.getFullYear()) returnArr.push(formatNumber(date.getMonth() + 1)) returnArr.push(formatNumber(date.getDate())) returnArr.push(formatNumber(date.getHours())) returnArr.push(formatNumber(date.getMinutes())) returnArr.push(formatNumber(date.getSeconds())) for (const i in returnArr) { format = format.replace(formateArr[i], returnArr[i]) } return format } function getDateDiff(time) { let r = '' const ft = new Date(time) const nt = new Date() const nd = new Date(nt) nd.setHours(23) nd.setMinutes(59) nd.setSeconds(59) nd.setMilliseconds(999) const d = parseInt((nd - ft) / 86400000) switch (true) { case d === 0: const t = parseInt(nt / 1000) - parseInt(ft / 1000) switch (true) { case t < 60: r = '刚刚' break case t < 3600: r = parseInt(t / 60) + '分钟前' break default: r = parseInt(t / 3600) + '小时前' } break case d === 1: r = '昨天' break case d === 2: r = '前天' break case d > 2 && d < 30: r = d + '天前' break default: r = getDate(time, 'Y-M-D') } return r } if (!format) { return getDateDiff(time) } else { return getDate(time, format) } }, //上月切换按钮点击 lastMonth() { const lastMonth = new Date(this.selectDay.year, this.selectDay.month - 2) const year = lastMonth.getFullYear() const month = lastMonth.getMonth() + 1 this.setMonth(year, month) }, //下月切换按钮点击 nextMonth() { const nextMonth = new Date(this.selectDay.year, this.selectDay.month) const year = nextMonth.getFullYear() const month = nextMonth.getMonth() + 1 this.setMonth(year, month) }, //上周切换按钮点击 lastWeek() { const lastWeek = new Date(this.selectDay.year, this.selectDay.month - 1, this.selectDay.day - 7) const year = lastWeek.getFullYear() const month = lastWeek.getMonth() + 1 const day = lastWeek.getDate() this.setMonth(year, month, day) }, //下周切换按钮点击 nextWeek() { const nextWeek = new Date(this.selectDay.year, this.selectDay.month - 1, this.selectDay.day + 7) const year = nextWeek.getFullYear() const month = nextWeek.getMonth() + 1 const day = nextWeek.getDate() this.setMonth(year, month, day) }, //设置月份 setMonth(setYear, setMonth, setDay) { if (this.selectDay.year !== setYear || this.selectDay.month !== setMonth || this.selectDay.day !== setDay) { const day = Math.min(new Date(setYear, setMonth, 0).getDate(), this.selectDay.day) const time = new Date(setYear, setMonth - 1, setDay ? setDay : day) this.selectDay = { year: setYear, month: setMonth, day: setDay ? setDay : day, dateString: this.formatTime(time, "Y-M-D") } this.dateInit(setYear, setMonth) } }, openChange() { this.open = !this.open this.dateInit() this.$emit("change",this.open) }, //日历主体的渲染方法 dateInit(setYear = this.selectDay.year, setMonth = this.selectDay.month) { let dateList = []; //需要遍历的日历数组数据 let now = new Date(setYear, setMonth - 1)//当前月份的1号 let startWeek = now.getDay(); //目标月1号对应的星期 let dayNum = new Date(setYear, setMonth, 0).getDate() //当前月有多少天 let forNum = Math.ceil((startWeek + dayNum) / 7) * 7 //当前月跨越的周数 //展开状态，需要渲染完整的月份 if(this.open){ for (let i = 0; i < forNum; i++) { const now2 = new Date(now) now2.setDate(i - startWeek + 1) let obj = {}; obj = { day: now2.getDate(), month: now2.getMonth() + 1, year: now2.getFullYear(), dateString: this.formatTime(now2, "Y-M-D") }; dateList[i] = obj; } }else{ //非展开状态，只需要渲染当前周 for (let i = 0; i < 7; i++) { const now2 = new Date(now) //当前周的7天 now2.setDate(Math.ceil((this.selectDay.day + startWeek) / 7) * 7 - 6 - startWeek + i) let obj = {}; obj = { day: now2.getDate(), month: now2.getMonth() + 1, year: now2.getFullYear(), dateString: this.formatTime(now2, "Y-M-D") }; dateList[i] = obj; } } this.getCalendarData(this.selectDay, dateList) }, getCalendarData(selectDay, dateList) { var _this = this const date = selectDay.year + "-" + selectDay.month $.post("/activity/ajax/activity_calendar/", { date }, function (res) { if (res.success) { res.data.data.forEach(item => { if (item.activitys.length > 0) { dateList.forEach(item2 => { if (item.month == item2.month && item.day == item2.day) { item2.spot = true item2.activitys = item.activitys } }) } }) } _this.dateList = dateList }) } }, created() { if(!""&&!JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}")['H3']){ this.openChange() } let now = new Date() let selectDay = { year: now.getFullYear(), month: now.getMonth() + 1, day: now.getDate(), dateString: this.formatTime(now, "Y-M-D") } this.nowDay = selectDay this.setMonth(selectDay.year, selectDay.month, selectDay.day) this.todayString = this.formatTime(now, "Y-M-D") } }) </script> <style> .aside_activity { background-color: #ffffff; } .hot_activity_item+.hot_activity_item { margin-top: 23px; } .hot_activity_item>img { border-radius: 4px; height: 212px; } .hot_activity_text { padding: 0 10px; } .hot_activity_text h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 20px; font-size: 16px; line-height: 1; } .hot_article_info { display: flex; justify-content: space-between; color: #999999; padding: 10px 0; align-items: center; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, sans-serif; } </style> <script type="text/x-template" id="sidebar-activity"> <div class="aside_card aside_activity"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/hot_activity.png" alt=""></span> <h3 class="head_title">热门活动</h3> </div> <a href="/activity/" class="more"> 更多 <i class="el-icon-arrow-right"></i> </a> </div> <div class="hot_activity_list aside_card_body"> <div class="hot_activity_item" v-for="(item,index) in aside_activity" v-if="index < 2"> <a :href="''+item.applicant_link?item.applicant_link:'/activity/'+item.activity_id"> <img :src="item.banner" width="100%"> </a> <div class="hot_activity_text"> <h2>{{item.activity_name}}</h2> <div class="hot_article_info"> <span class="one_line" style="width:240px"><i class="el-icon-location-outline"></i> {{item.activity_ype == '线上'?'线上活动':item.province+item.city+item.location}} </span> <span><i class="el-icon-time"></i> {{item.start_time*1000 | formatDatebyDay}} </span> </div> </div> </div> </div> </div> </script> <script> Vue.component("sidebar-activity", { template: "#sidebar-activity", mixins:[admin_mixin], data() { return { aside_activity: "", } }, methods: { }, created() { console.log(this.aside_activity) } }) </script> <style> .b1-message-box .el-message-box__title{ text-align: center; } </style> <script type="text/x-template" id="sidebar-ad-b1"> <div> <el-carousel height="140px" indicator-position="none" class="mt_16 need_big_arrow" v-if="ad['B1']" :interval="5000" :autoplay="!isLocak"> <el-carousel-item v-for="item in ad['B1']" :key="item.title"> <template v-if="item.link_type!=6"> <a v-if="item.link" :href="''+item.link" target="_blank" :data-id="item.id" class="ad_count_new" data-type="ad" > <img :src="item.img_url" :alt="item.alt" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </a> <img v-else :src="item.img_url" :alt="item.alt" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </template> <img v-else :src="item.img_url" :alt="item.alt" width="100%" height="140px" style="object-fit: cover;" class="br_6" @click="openLiveDialog(item,$event)"> </el-carousel-item> </el-carousel> <transition name="el-fade-in-linear"> <div v-show="show" style='height: 100vh;width: 100vw;background-color: #fff;z-index: 999999999999;position:fixed ;top: 0;left: 0;display: flex;justify-content: center;background-color: #00000044;justify-content:center;align-items: center;'> <div style='width: 400px;min-height:300px;height: fit-content;background-color: #fff;position: relative;padding-bottom: 28px;' > <i class="el-icon-close" style='position:absolute;top: 16px;right: 16px;' @click='show = false' ></i> <div style='padding: 16px 0 0 16px;height: 80px;font-size:18px;font-weight:600;line-height:1.4;text-align:center;' v-if="text" v-html="text"></div> <div style='width: 100%;display: flex;justify-content: center;' > <img v-if="img" style='width: 290px;height:auto;margin: 20px 0;' :src="img" alt=""> </div> </div> </div> </transition> </div> </script> <script> Vue.component("sidebar-ad-b1", { template: "#sidebar-ad-b1", data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], isLocak:false, img:'', text:'', show:false } }, methods: { openLiveDialog(item,e){ e.preventDefault() this.show=true this.img=item.img_url_ios this.text=item.img_text // if(item.img_url_ios){ // e.preventDefault() // this.isLocak = true // this.$alert(` // <div class="text_center"> // <img src="${item.img_url_ios}" alt="" width="100%" style="max-width:400px"> // </div>`, { // dangerouslyUseHTMLString: true, // showConfirmButton:false, // title:item.img_text || '', // customClass:'b1-message-box', // callback:()=>{ // this.isLocak = false // } // }); // } } }, created(){ let B1 = this.ad['B1'] if(B1.length == 2){ B1 = _.concat(B1,B1) } this.ad['B1'] = B1 } }) </script> <script type="text/x-template" id="sidebar-ad-b2"> <div v-if="ad['B2'] && ad['B2'][0].id != '864'"> <a :href="''+ad['B2'][0].link" target="_blank" :data-id="ad['B2'][0].id" class="ad_count_new" data-type="ad"> <img :src="ad['B2'][0].img_url" :alt="ad['B2'][0].alt" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </a> </div> </script> <script> Vue.component("sidebar-ad-b2", { template: "#sidebar-ad-b2", data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], } } }) </script> <style> .ZB1_dialog .el-dialog__header { padding: 0; } .ZB1_dialog .el-dialog__body { padding: 20px; } .ZB1_btn { bottom: 30px; left: 0; } .ZB1_tag { position: absolute; top: 7px; left: 7px; border-radius: 12px; padding: 5px 10px; font-size: 14px; color: #fff; background-color: red; } @keyframes ZB1_btn_ani { 0% { scale: 0.8; } 50% { scale: 1; } 100% { scale: 0.8; } } .ZB1_btn_ani { animation-name: ZB1_btn_ani; animation-duration: 2s; animation-iteration-count: infinite; } </style> <script type="text/x-template" id="sidebar-ad-zb1"> <div v-if="ad['ZB1']"> <div @click="ZB1_dialog = true" style="cursor: pointer;" :data-id="ad['ZB1'][0].id" class="po_re ad_count_new" data-type="ad"> <div class="ZB1_tag"> <img src="/static/img/new_website/live/living.gif" alt=""> 直播中 </div> <img :src="ad['ZB1'][0].img_url" alt="" width="100%" class="br_6 ad_zb1"> <div class="po_ab text_center ZB1_btn w_100"> <el-button type="primary" class="ZB1_btn_ani">点击观看</el-button> </div> </div> <el-dialog :visible.sync="ZB1_dialog" width="350px" custom-class="ZB1_dialog"> <div> <div class="text_center fb fs16">{{ad['ZB1'][0].img_text}}</div> <img :src="ad['ZB1'][0].img_url_ios" alt="" width="100%"> </div> </el-dialog> </div> </script> <script> Vue.component("sidebar-ad-zb1", { template: "#sidebar-ad-zb1", data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], // ad:{ // ZB1:[ // { // img_url: "https://www.baijing.cn/uploads/advertisement/1683710845(168308).png", // img_url_ios: "" // } // ] // }, ZB1_dialog: false } }, created() { } }) </script> <script type="text/x-template" id="sidebar-ad-b3"> <div v-if="ad['B3']"> <a v-if="ad['B3'][0].link" :href="''+ad['B3'][0].link" target="_blank" :data-id="ad['B3'][0].id" class="ad_count_new" data-type="ad"> <img :src="ad['B3'][0].img_url" alt="" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </a> <img v-else :src="ad['B3'][0].img_url" alt="" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </div> </script> <script> Vue.component("sidebar-ad-b3", { template: "#sidebar-ad-b3", data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], } } }) </script> <script type="text/x-template" id="sidebar-ad-b4"> <div v-if="ad['B4']&&ad['B4'].length" class="mb10"> <div v-for="item in ad['B4']" > <img v-if="item.link_type == '6'" :src="item.img_url" :alt="item.alt" width="100%" height="140px" style="object-fit: cover;" class="br_6" @click="dialogShow=true"> <template v-else > <a v-if="item.link" :href="''+item.link" target="_blank" :data-id="item.id" class="ad_count_new" data-type="ad"> <img :src="item.img_url" :alt="item.alt" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </a> <img v-else :src="item.img_url" :alt="item.alt" width="100%" height="140px" style="object-fit: cover;" class="br_6"> </template> </div> <transition name="el-fade-in-linear"> <div v-show="dialogShow" style='height: 100vh;width: 100vw;background-color: #fff;z-index: 999999999999;position:fixed ;top: 0;left: 0;display: flex;justify-content: center;background-color: #00000044;justify-content:center;align-items: center;'> <div style='width: 400px;height:435px;background-color: #fff;position: relative;' > <i class="el-icon-close" style='position:absolute;top: 16px;right: 16px;' @click='dialogShow = false' ></i> <div style='padding: 16px 0 0 16px;height: 80px;font-size:18px;font-weight:600;line-height:1.4;text-align:center;' v-if="ad['B4']" v-html="ad['B4'][0].img_text"></div> <div style='width: 100%;display: flex;justify-content: center;' > <img v-if="ad['B4']" style='width: 290px;height:auto;margin: 20px 0;' :src="ad['B4'][0].img_url_ios" alt=""> </div> </div> </div> </transition> </div> </script> <script> Vue.component("sidebar-ad-b4", { template: "#sidebar-ad-b4", data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], dialogShow:false } }, created() { setTimeout(() => { console.log('this.ad'); console.log(this.ad); console.log('this.ad'); }, 3000); // console.log(this.ad) }, }) </script> <script type="text/x-template" id="sidebar-ad-ma1"> <div v-if="ad['MA1']"> <el-carousel interval='6800' height='210px' indicator-position="none" > <el-carousel-item v-for="item in ad['MA1']" :key="item"> <div v-if="item.link_type == '6'" :data-id="item.id" class="ad_count_new" data-type="ad" @click="show(item.img_url_ios,item.img_text)" style="cursor: pointer;"> <img :src="item.img_url" :alt="item.alt" width="100%" class="br_6" > </div> <a v-else-if="item.link" :href="''+item.link" target="_blank" :data-id="item.id" class="ad_count_new" data-type="ad"> <img :src="item.img_url" :alt="item.alt" width="100%" class="br_6"> </a> <div v-else :data-id="item.id" class="ad_count_new" data-type="ad"> <img :src="item.img_url" :alt="item.alt" width="100%" class="br_6" > </div> </el-carousel-item> </el-carousel> <el-dialog :visible.sync="dialogShow" :width="type==='pc'" :custom-class="`MA1_dialog_uni${type==='pc'?'':'_W'}`"> <div style="text-align: center; " :style="[type=='pc'?{'font-weight': 700, 'font-size': '19px'}:{}]" slot="title" style='word-wrap: break-word;line-height:1.4;text-align: center;' v-html="imgExplain"> </div> <div style='width: 100%;display: flex;justify-content: center;' > <img :src="imgUrl" alt="" style="border-radius: 26px;" style="border-radius:28px;margin:0 auto"> </div> </el-dialog> </div> </script> <script> Vue.component("sidebar-ad-ma1", { template: "#sidebar-ad-ma1", props:{ type:{ type:String, default:'pc' }, show:{ type:Boolean, default:false }, setShow:{ type:Function, default:null } }, data() { return { ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], dialogShow: false, imgUrl:'', imgExplain:'', } }, methods: { show(img,explain){ this.imgUrl = img; this.imgExplain = explain; this.dialogShow=true } }, watch: { // 监听单个数据 show(newVal, oldVal) { if(newVal){ this.dialogShow = true; }else{ this.dialogShow = false; } }, // 监听计算属性 // 'counter + 10'(newVal, oldVal) { // console.log(`新值: ${newVal}, 旧值: ${oldVal}`); dialogShow(newVal, oldVal) { if(!newVal){ } // 监听计算属性 // 'counter + 10'(newVal, oldVal) { // console.log(`新值: ${newVal}, 旧值: ${oldVal}`); // } } // } } }) </script> <style> .MA1_dialog_uni,.MA1_dialog_uni_W { width: max-content; } .MA1_dialog_uni img{ max-width: 40vw !important; max-height: 40vh !important; } .MA1_dialog_uni_W img{ width: 80vw; max-height: 80vh !important; } </style> <style> .activity_one_img { height: 170px; object-fit: cover; } .activity_one_text { bottom: 0; background-color: #00000060; color: #ffffff; padding: 5px 10px; border-radius: 0 0 6px 6px; width: 100%; text-align: center; display: none; } .activity_one_box:hover .activity_one_text{ display: block; } .sidebar_activity_one_warp .el-carousel__container { width: 360px; height: 170px; } .sidebar_activity_one_warp .el-carousel__indicators { display: none; } </style> <script type="text/x-template" id="sidebar-activity-one"> <div class="aside_card" v-if="ad['H3']"> <div class='sidebar_activity_one_warp'>  <el-carousel class="need_big_arrow" :interval="11000"> <el-carousel-item v-for="item in ad['H3']" :key="item.title"> <div class="po_re activity_one_box"> <a :href="''+item.link" target="_blank" :data-id="item.id" class="ad_count_new" data-type="ad"> <img :src="item.img_url" :alt="item.alt" width="100%" class="activity_one_img br_6"> </a> <div class="po_ab activity_one_text" > {{item.alt}} </div> </div> </el-carousel-item> </div> </div>  <div class="aside_card" v-else-if="aside_activity"> <div class='sidebar_activity_one_warp'>  <el-carousel class="need_big_arrow" :interval="11000"> <el-carousel-item v-for="item in aside_activity" :key="item.title"> <div class="po_re activity_one_box"> <a :href="'/activity/'+item.activity_id"> <img :src="item.activity_img_h3 || item.banner" :alt="item.activity_name" width="100%" class="activity_one_img br_6"> </a> <div class="po_ab activity_one_text" > {{item.activity_name}} </div> </div> </el-carousel-item> </el-carousel> </div> </div> </script> <script> Vue.component("sidebar-activity-one", { template: "#sidebar-activity-one", mixins: [admin_mixin], data() { return { aside_activity: "", ad:JSON.parse("{\"B1\":[{\"id\":1125,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731574097(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/www.worldfirst.com.cn\\/static\\/developer\\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=roll-banner\",\"alt\":\"\\u6570\\u5a31\\u51fa\\u6d77\\u5168\\u573a\\u666f\\u6536\\u4ed8\\u89e3\\u51b3\\u65b9\\u6848\\uff082024-11-25\\u81f32024-12-25\\uff09\",\"start_time\":1732464000,\"end_time\":1735056000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":10,\"source\":\"\\u9122\\u79c0\\u94c3\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"},{\"id\":1124,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731462984(122401).png\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/qdrl.qq.com\\/du6CjLoS\",\"alt\":\"\\u817e\\u8baf\\u5168\\u7403\\u6570\\u5b57\\u751f\\u6001\\u5927\\u4f1a\\u2014\\u2014\\u4f01\\u4e1a\\u51fa\\u6d77\\u767d\\u76ae\\u4e66\",\"start_time\":1731427200,\"end_time\":1732896000,\"position\":\"B1\",\"is_undercarriage\":0,\"sort\":1,\"source\":\"\\u90ed\\u73ca\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731579223,\"tongji\":\"\"}],\"B2\":[{\"id\":1121,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731034300(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\" \\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1733500800,\"position\":\"B2\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034312,\"tongji\":\"\"}],\"N1\":[{\"id\":1122,\"img_url\":\"https:\\/\\/www.baijing.cn\\/uploads\\/advertisement\\/1731033223(122401).jpg\",\"img_url_ios\":\"\",\"img_text\":\"\",\"miniprogram_url\":\"\",\"link\":\"https:\\/\\/leadsform.amazonads.cn\\/?channel=Baijing\",\"alt\":\"\\u767e\\u8238\\u4e89\\u201c\\u6d41\\u201d-\\u4e9a\\u9a6c\\u900a\\u5e7f\\u544a\\u4e2d\\u56fd\\u54c1\\u724c\\u51fa\\u6d77\\u6d41\\u5a92\\u4f53\\u7535\\u89c6\\u8425\\u9500\\u767d\\u76ae\\u4e66\",\"start_time\":1730995200,\"end_time\":1732723200,\"position\":\"N1\",\"is_undercarriage\":0,\"sort\":0,\"source\":\"\\u4f55\\u6c5f\\u840d\",\"link_type\":0,\"link_type_id\":0,\"pc_show\":1,\"m_show\":1,\"app_show\":1,\"wx_show\":1,\"up_uid\":122401,\"up_time\":1731034490,\"tongji\":\"\"}]}") || [], } }, }) </script> <style> .aside_newsflashes .el-timeline-item:last-child{padding-bottom: 0;} /* .news_list{overflow-y: auto;height: 300px;} */ </style> <script type="text/x-template" id="sidebar-newsflashes"> <div class="aside_card aside_newsflashes"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/news.png" alt=""></span> <h3 class="head_title">7×24小时快讯</h3> </div> <a href="/newsflashes_txzq/" class="more"> 更多 <i class="el-icon-arrow-right"></i> </a> </div> <div class="news_list aside_card_body"> <el-timeline> <el-timeline-item v-for="(item,index) in newsList" :key="index" color="#16A4FF" :timestamp="item.add_time"> <a :href="'/newsflashes_txzq/'+item.id" target="_blank"> {{item.title}} </a> </el-timeline-item> </el-timeline> </div> </div> </script> <script> Vue.component("sidebar-newsflashes", { template:"#sidebar-newsflashes", data(){ return{ newsList:[] } }, methods:{ getNewsflashes(){ let _this = this $.post("/index/ajax/get_newsflash/",{pn:1,ps:5},function(res){ if(res.success){ if(res.data.news_list){ _this.newsList = res.data.news_list } } }) } }, created(){ this.getNewsflashes() } }) </script> <style scoped> .aside_consult_card .aside_card_body{padding: 0 20px;} .consult_dialog{margin-top: 8vh !important;} .consult_dialog .el-dialog__header, .consult_dialog .el-dialog__body { padding: 0; } .consult_dialog .consult_dialog_left, .consult_dialog .consult_dialog_right { padding: 40px; } .consult_dialog .consult_dialog_left { background-color: #F8F8F8; } .consult_dialog_title { font-size: 16px; font-weight: 500; } .consult_dialog .checkForm .el-checkbox { margin-right: 0px; padding-left: 0; line-height: 20px; } .consult_dialog .checkForm .el-form-item__content h2 { font-weight: 600; margin-bottom: 10px; } .consult_dialog .checkForm .el-checkbox .el-checkbox__label { width: 86px; padding-left: 7px; } </style> <script type="text/x-template" id="sidebar-consult"> <div class="aside_card aside_consult_card"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/顾问icon 拷贝@2x.png" alt="" width="27"></span> <h3 class="head_title">白鲸出海顾问</h3> </div> </div> <div class="consult_list aside_card_body"> <div class="flex"> <div> <div style="margin:10px 0"> 白鲸顾问主要是帮助 <span class="color_red">开发者</span> 与 <span class="color_red">卖家</span> 找到更多更好的服务商，享受VIP专人1对1服务。 </div> <div style="margin: 10px 0;"> <el-button type="primary" @click="openConsultDialog" style="width:100%;height:28px;padding:0;background-color:#ffffff;color:var(--active_blue)">点击咨询</el-button> </div> </div>  </div> </div> <el-dialog :visible.sync="consult_dialog" custom-class="consult_dialog"> <div class="flex"> <div class="consult_dialog_left po_re"> <p class="consult_dialog_title"> 联系我们 </p> <p style="margin-top: 10px;"> <img src="/static/img/BJLia.png" alt="" width="100px"> </p> <p> <i class="el-icon-user"></i> 白鲸客服Lia </p> <div class="po_ab" style="right: -7px;top:40px;color:#a6a6a6"> 或 </div> </div> <div class="consult_dialog_right" style="flex: 1;"> <p class="consult_dialog_title"> 给我们留言 </p> <div style="font-size: 12px;color: #409EFF;">白鲸顾问主要是帮助 <span style="color: red;">开发者</span> 与 <span style="color: red;">卖家</span> 找到更多更好的服务商，享受VIP专人1对1服务。</div> <div v-if="deal_lb_list.length > 0" style="margin:10px 0"> <i class="el-icon-message-solid" style="color:#ff8d00;float: left;position: relative;top: 4px;"></i> <el-carousel height="20px" indicator-position="none" style="color: #ff8d00;font-size: 12px;" direction="vertical" :interval="10000"> <el-carousel-item v-for="item in deal_lb_list"> <span>{{item.msg}}</span> </el-carousel-item> </el-carousel> </div> <el-form ref="form" :model="form" :rules="rules" label-position="left"> <el-form-item prop="name" label="姓名" label-width="100px"> <el-input v-model="form.name" placeholder="请输入姓名"></el-input> </el-form-item> <el-form-item prop="mobile" label="手机号" label-width="100px"> <el-input v-model="form.mobile" placeholder="请输入手机号"></el-input> </el-form-item> <el-form-item prop="wechat" label="微信" label-width="100px"> <el-input v-model="form.wechat" placeholder="请输入微信"></el-input> </el-form-item> <el-form-item prop="company_name" label="公司名称" label-width="100px"> <el-input v-model="form.company_name" placeholder="请输入公司名称"></el-input> </el-form-item> <el-form-item prop="content_type" class="checkForm"> <h2> 请选择想要合作的服务商类型： </h2> <el-checkbox-group v-model="form.content_type" @change="addWhiteLog" :max="3"> <el-checkbox v-for="item in typeList" :label="item" :key="item"></el-checkbox> </el-checkbox-group> </el-form-item> <el-form-item prop="content"> <el-input v-model="form.content" type="textarea" :rows="2" placeholder="请输入具体的需求内容"></el-input> </el-form-item> <el-form-item> <el-checkbox v-model="checked"></el-checkbox> <span> 同意 <a href="/consult/treaty/" target="_blank">《个人信息保护声明》</a> </span> <el-button type="primary" @click="onSubmit" :disabled="!checked" style="float: right;">立即提交 </el-button> </el-form-item> </el-form> <el-dialog title="请输入验证码" :visible.sync="consultSendCodeDialog" :before-close="handleClose" width="500px"> <div style="display: flex;"> <el-input v-model="form.code" placeholder="请输入验证码" style="margin-right:5px"></el-input> <el-button type="success" @click="getCode" v-show="!sendCode">获取验证码</el-button> <el-button v-show="sendCode" type="success" disabled>{{authTime}}秒后重新获取</el-button> </div> <span slot="footer" class="dialog-footer"> <el-button @click="consultSendCodeDialog = false">取消</el-button> <el-button type="primary" @click="onSubmit">确定</el-button> </span> </el-dialog> </div> </div> </el-dialog> </div> </script> <script> var realname = '' var mobile = '' var company = '' var wechat = '' var isA = 'C' var thisUrl = 'www.baijing.cn' var source = '' Vue.component("sidebar-consult", { template:"#sidebar-consult", data() { return { consult_dialog: false, typeList: JSON.parse('["\u4e70\u91cf","\u652f\u4ed8","\u7f51\u7ea2","\u53d1\u884c","\u53d8\u73b0","\u7ffb\u8bd1","\u670d\u52a1\u5668","\u6570\u636e\u670d\u52a1","\u5e7f\u544a\u5f00\u6237","Tiktok\u670d\u52a1","\u8d22\u7a0e\u77e5\u8bc6","\u6e90\u5934\u5382\u5bb6","\u7269\u6d41","COD","\u6d77\u5916\u4ed3","CDN","\u77ed\u4fe1","\u5185\u5bb9\u5b89\u5168","\u5916\u8d38\u6536\u6b3e","\u5176\u4ed6"]'), form: { company_name: company, name: realname, mobile: mobile, wechat: wechat, content_type: [], content: "", code: '', }, sendCode: false, authTime: 60, checked: true, offsetTop: 0, consultFixed: false, rules: { // company_name: [ // { required: true, message: '请输入公司名称', trigger: 'blur' }, // ], code: [ { required: true, message: '请输入验证码', trigger: 'blur' }, ], name: [ { required: true, message: '请输入姓名', trigger: 'blur' }, ], mobile: [ { required: true, message: '请输入手机号', trigger: 'blur' }, ], content_type: [ { required: true, message: '请输入需求类型', trigger: 'change' }, ], // content: [ // { required: true, message: '请输入合作内容', trigger: 'blur' }, // ], }, deal_lb_list: [], consultSendCodeDialog: false } }, methods: { // 顾问 openConsultDialog() { this.consult_dialog = true }, get_deal_lb_list() { let _this = this $.get("/consult/ajax/show_consult_deal_lb/", function (res) { _this.deal_lb_list = res.data if (Object.prototype.toString.call(_this.deal_lb_list) === '[object Object]') { _this.deal_lb_list = [] } }) }, getCode() { let _this = this if (this.form.mobile) { $.post('/consult/send_message/', { 'tel': this.form.mobile }, function (res, status) { if (res.success) { _this.sendCode = true; _this.authTime = 60; let timeInt = setInterval(() => { _this.authTime--; if (_this.authTime <= 0) { _this.sendCode = false; window.clearInterval(timeInt); } }, 1000); } else { _this.$alert(res.msg) } }) } else { this.$alert('请输入手机号') } }, onSubmit() { let _this = this this.$refs['form'].validate((valida) => { if (valida) { $.post('/consult/add/', { 'company_name': this.form.company_name, 'name': this.form.name, 'tel': this.form.mobile, 'code': this.form.code ? this.form.code : 1, 'wechat': this.form.wechat, 'content_type': this.form.content_type, 'content': this.form.content, 'lastUrl': thisUrl, 'source': 'siderbar', }, function (res, status) { console.log(res) if (res.code == 0) { location.href = '/consult/success/' sessionStorage.setItem("lastUrl", lastUrl); } else if (res.code == -1) { _this.$alert(res.msg) } else if (res.code == -10008) { _this.consultSendCodeDialog = true _this.getCode() } else { _this.$alert('发生错误，请联系管理员') } } ) } else { this.$alert('输入信息不完整') return false } }) }, addWhiteLog() { $.post("/consult/ajax/add_consult_write_log/") }, handleClose(done) { this.$confirm('确认关闭？') .then(_ => { done(); }) .catch(_ => { }); } }, created(){ this.get_deal_lb_list() } }) </script> <style> .group_box_item{display: flex;align-items: center;justify-content: space-between;} .group_box_item+.group_box_item{margin-top: 10px;} .wechat_join_btn{padding: 6px 20px;background-color: var(--active_blue);border-radius: 5px;color: #ffffff;cursor: pointer;width: 68px;} .wechat_join_btn:hover{background-color: #437cb3;} </style> <script type="text/x-template" id="sidebar-wechat-quanzi"> <div class="aside_card aside_wechat_card"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/wechat.png" alt=""></span> <h3 class="head_title">白鲸社群</h3> </div> </div> <div class="aside_card_body"> <div class="group_box"> <div v-for="(item,index) in group_list" class="group_box_item"> <div style="display: flex;align-items: center;">  <img src="https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1640768343weixin.png" alt="" width="40" height="40" style="border-radius:50%"> <div style="margin-left: 5px;white-space: pre-line;">{{item.name}}</div> </div> <div> <el-popover placement="left" width="260" trigger="hover"> <div slot> <div style="display: flex;align-items: center;"> <img :src="item.kefu.img" alt="" width="80" height="80"> <div style="margin-left: 10px;"> <div style="line-height: 20px;font-size: 15px;font-weight: bold;"> 扫码添加白鲸客服<br> <span style="font-size: 12px;">{{item.kefu.name}}（{{item.kefu.wechat}}）</span> </div> <div style="line-height: 30px;"> 发送名片申请入群 </div> </div> </div> </div> <div slot="reference"> <div class="wechat_join_btn"> 加入 </div> </div> </el-popover> </div> </div>  <div style="font-size: 12px;color: #666666;margin-top: 10px;text-align: justify;">  <span>友情提醒：白鲸出海目前仅有微信群与QQ群，并无在Telegram等其他社交软件创建群，请白鲸的广大用户、合作伙伴警惕他人冒充我们，向您索要费用、骗取钱财！<br>法定节假日，客服正常休假，若未及时处理，请见谅！</span> </div> </div> </div> </div> </script> <script> Vue.component("sidebar-wechat-quanzi",{ template:"#sidebar-wechat-quanzi", data(){ return{ is_open:false, group_list:[ ], } }, methods:{ getWechatGroup(){ let _this = this $.post("/contact/ajax/get_wechat_group/",{},(res)=>{ if(res.success){ _this.group_list = res.data } }) } }, created(){ this.getWechatGroup() } }) </script> <style> .hot_article_date{margin: 0 10px;font-size: 18px;padding: 1px 3px;cursor: pointer;} .hot_article_date.active{border-bottom: 3px var(--active_blue) solid;} .hot_article_item+.hot_article_item { margin-top: 10px; } .hot_article_item_right { margin-left: 10px; font-size: 14px; flex-direction: column; justify-content: space-between; } .hot_article_item .hot_article_item_right p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; hyphens: auto; } .hot_article_item_top{z-index: 2;left: -4px;} .hot_article_item_top_1{width: 36px;} .hot_article_item_top_2{width: 20px;} .hot_article_item_top img{width: 100%;} .hot_article_item_top_text{top: -2px;color: #FFFFFF;left: 3px;font-size: 12px;} .hot_article_item_top_2 .hot_article_item_top_text{left: 6px;} </style> <script type="text/x-template" id="sidebar-hot-article"> <div class="aside_card aside_hot_article_card"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/hot_article.png" alt=""></span> <h3 class="head_title">热门文章</h3> </div> <div class="flex"> <div @click="changeHotArticle('sidebar_hot_day_article')" :class="['hot_article_date',currentHotArticle == 'sidebar_hot_day_article'?'active':'']"> 天 </div> <div @click="changeHotArticle('sidebar_hot_week_article')" :class="['hot_article_date',currentHotArticle == 'sidebar_hot_week_article'?'active':'']"> 周 </div> <div @click="changeHotArticle('sidebar_hot_month_article')" :class="['hot_article_date',currentHotArticle == 'sidebar_hot_month_article'?'active':'']"> 月 </div> </div> </div> <div class="aside_card_body"> <div v-if="hotArticleList[currentHotArticle]"> <div v-for="(item,index) in hotArticleList[currentHotArticle]" class="hot_article_item flex" v-if="index < 6"> <div class="po_re"> <div :class="['po_ab','hot_article_item_top','hot_article_item_top_'+(index<3?1:2)]"> <img :src="'/static/img/new_website/aside_icon/top'+(index<3?index+1:4)+'@2x.png'" alt=""> <span class="po_ab hot_article_item_top_text"> {{index<3?'TOP'+(index+1):index+1}} </span> </div> <a :href="'/article/'+item.id" target="_blank"> <el-image :src="item.article_pic" style="width:114px;height:76px;border-radius:6px"></el-image> </a> </div> <div class="hot_article_item_right flex"> <p> <a :href="'/article/'+item.id" target="_blank"> {{item.title}} </a> </p> <div style="font-size:12px"> <i class="el-icon-time"></i> {{item.add_time *1000 | formatDate}} </div> </div> </div> </div> <div v-else> 暂无数据 </div> </div> </div> </script> <script> Vue.component("sidebar-hot-article", { template:"#sidebar-hot-article", mixins:[admin_mixin], data() { return { currentHotArticle: "sidebar_hot_day_article", hotArticleList: {} } }, methods: { getHotArticle() { let _this = this $.post("/index/ajax/get_sidebar_hot_article/", function (res) { if (res.success) { _this.hotArticleList = res.data } }) }, changeHotArticle(date) { this.currentHotArticle = date } }, created() { this.getHotArticle() } }) </script> <style> .recommend_company_item+.recommend_company_item{margin-top: 20px;} .recommend_company_item_right{margin-left: 10px;} .recommend_company_item img{ width: 66px; height: 66px; border: 1px solid #eee; border-radius: 6px; } .recommend_company_name{ color:#535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 214px; } .recommend_company_business{ line-height: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 36px; font-size: 12px; color: #959595; } </style> <script type="text/x-template" id="sidebar-recommend-companys"> <div class="aside_card aside_recommend_companys"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/companys.png" alt=""></span> <h3 class="head_title">企服推荐</h3> </div> </div> <div class="aside_card_body"> <div class="recommend_company_item flex" v-for="(item,index) in recommend_companys" v-if="(currentPage.app == 'index' && currentPage.act == 'index')?2 < index && index < 8:index < 5"> <div> <a :href="'/people/'+item.uid" target="_blank"> <el-image :src="'https://www.baijing.cn'+item.company_logo"> <div slot="error"> <img src="/static/css/default/img/zanwu2.jpg" alt=""> </div> </el-image>  </a> </div> <div class="recommend_company_item_right"> <a :href="'/people/'+item.uid" target="_blank"> <div class="recommend_company_name" :title="item.company_name">{{item.company_name}}</div> </a> <div class="recommend_company_business" :title="item.company_business">{{item.company_business}}</div> </div> </div> </div> </div> </script> <script> Vue.component("sidebar-recommend-companys", { template:"#sidebar-recommend-companys", data() { return { search_form:{ ps:10, pn:1 }, recommend_companys:[], currentPage:{"c":"main","act":"index","app":"index","sort_type":"new"} } }, methods: { getRecommendCompanys() { let _this = this $.post("/index/ajax/get_sidebar_recommend_companys/", this.search_form, function (res) { if (res.success) { _this.recommend_companys = res.data.sidebar_recommend_companys _this.$emit("change",_this.recommend_companys) } }) } }, created() { this.getRecommendCompanys() } }) </script> <style> .vip_users_item+.vip_users_item { margin-top: 20px; } .vip_users_item_right { margin-left: 10px; flex-direction: column; } .vip_users_item img { width: 66px; height: 66px; border: 1px solid #eee; border-radius: 6px; } .vip_users_name { color: #535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 214px; } .vip_users_reason { line-height: 18px; overflow: hidden; font-size: 12px; color: #959595; } .vip_users_head_item { font-size: 16px; margin-right: 10px; cursor: pointer; } .vip_users_head_item::after { content: ''; width: 60%; display: block; margin: 0 auto; padding-top: 10px; } .vip_users_head_item.acitve::after { padding-top: 8px; border-bottom: 2px solid var(--active_blue); } </style> <script type="text/x-template" id="sidebar-vip-users"> <div class="aside_card aside_vip_users"> <div class="card__head flex justify_between"> <div class="flex align_center"> <div :class="['vip_users_head_item',currentVipHead == 1?'acitve':'']" @click="currentVipHead = 1">白鲸会员</div> <div :class="['vip_users_head_item',currentVipHead == 2?'acitve':'']" @click="currentVipHead = 2">认证用户</div> <div :class="['vip_users_head_item',currentVipHead == 3?'acitve':'']" @click="currentVipHead = 3">专栏作者</div> </div> <a href="/people/vip-100" class="more"> 更多 <i class="el-icon-arrow-right"></i> </a> </div> <div class="aside_card_body"> <div class="vip_users_item flex" v-for="item in vip_users" v-if="currentVipHead == '1'"> <div style="height:66px"> <a :href="'/people/'+item.uid" target="_blank"> <el-image :src="item.avatar_url"></el-image> </a> </div> <div class="vip_users_item_right flex justify_between"> <div class="vip_users_name" :title="item.user_name"> <a :href="'/people/'+item.uid" target="_blank"> {{item.user_name}} </a> </div> <div class="vip_users_reason" :title="item.reason">{{item.reason}}</div> </div> </div> <div class="vip_users_item flex" v-for="item in sidebar_verify_apply" v-if="currentVipHead == '2'"> <div style="height:66px"> <a :href="'/people/'+item.uid" target="_blank"> <el-image :src="item.avatar_url"></el-image> </a> </div> <div class="vip_users_item_right flex justify_between"> <div class="vip_users_name" :title="item.user_name"> <a :href="'/people/'+item.uid" target="_blank"> {{item.user_name}} </a> </div> <div class="vip_users_reason" :title="item.reason">{{item.reason}}</div> </div> </div> <div class="vip_users_item flex" v-for="item in sidebar_author" v-if="currentVipHead == '3'"> <div style="height:66px"> <a :href="'/people/'+item.uid" target="_blank"> <el-image :src="item.avatar_url"></el-image> </a> </div> <div class="vip_users_item_right flex justify_between"> <div class="vip_users_name" :title="item.user_name"> <a :href="'/people/'+item.uid" target="_blank"> {{item.user_name}} </a> </div> <div class="vip_users_reason" :title="item.reason">{{item.reason}}</div> </div> </div> </div> </div> </script> <script> Vue.component("sidebar-vip-users", { template: "#sidebar-vip-users", data() { return { vip_users: [], sidebar_verify_apply: [], sidebar_author: [], currentVipHead: "1" } }, methods: { getVipUsers() { let _this = this $.post("/index/ajax/get_sidebar_vip_users/", function (res) { if (res.success) { _this.vip_users = res.data.vip_users _this.sidebar_verify_apply = res.data.sidebar_verify_apply _this.sidebar_author = res.data.sidebar_author } }) } }, created() { this.getVipUsers() } }) </script> <style> .sidebar_exchange_item{ padding: 10px 0; border-bottom: 1px solid #e3e3e3; } .sidebar_exchange_item:last-child{border-bottom: 0;} </style> <script type="text/x-template" id="sidebar-exchange"> <div class="aside_card aside_recommend_companys"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/exchange.png" alt=""></span> <h3 class="head_title">合作信息</h3> </div> <a href="/exchange/" class="more"> 更多 <i class="el-icon-arrow-right"></i> </a> </div> <div class="aside_card_body"> <div v-for="item in exchangeList" class="sidebar_exchange_item"> <a :href="'/exchange/'+item.id" target="_blank"> <div v-html="item.title || item.exchange_introduce" class="two_line color_000"> </div> </a> <div class="flex justify_between color_999 mt_10"> <div> {{item.time}} </div> <div> {{item.cooperation_ways}} </div> </div> </div> </div> </div> </script> <script> Vue.component("sidebar-exchange", { template: "#sidebar-exchange", mixins:[admin_mixin], data() { return { search_form:{ ps:5, pn:1 }, exchangeList: "", } }, methods: { getExchanges(){ var _this = this $.post("/exchange/ajax/get_exchanges/",this.search_form ,function(res){ if(res.success){ _this.exchangeList = res.data.exchanges.list }else{ if(res.msg){ exchange_vue.$alert(res.msg) }else{ exchange_vue.$alert("服务器出错，请联系客服！") } } }) }, }, created() { this.getExchanges() } }) </script> <style> .aside_sidebar_statistics .text_center{cursor: pointer;} </style> <script type="text/x-template" id="sidebar-statistics"> <div class="aside_card aside_sidebar_statistics"> <div class="card__head flex justify_between"> <div class="flex align_center"> <span class="icon"><img src="/static/img/new_website/aside_icon/statistics.png" alt=""></span> <h3 class="head_title">平台统计</h3> </div> </div> <div class="aside_card_body"> <div class="flex justify_between"> <div class="text_center" onclick="window.open('people/');"> <img class="mb10" src="/static/img/new_website/aside_icon/开发者@2x.png" alt="" height="40px"> <p class="fs16 mb5" style="color:var(--active_blue)">20W+</p> <p class="fs14">海外开发者</p> </div> <div class="text_center" onclick="window.open('article/');"> <img class="mb10" src="/static/img/new_website/aside_icon/文章@2x.png" alt="" height="40px"> <p class="fs16 mb5" style="color:var(--active_blue)">48284</p> <p class="fs14">文章总数</p> </div> <div class="text_center" onclick="window.open('company/');"> <img class="mb10" src="/static/img/new_website/aside_icon/公司@2x.png" alt="" height="40px"> <p class="fs16 mb5" style="color:var(--active_blue)">9737</p> <p class="fs14">入驻公司</p> </div> <div class="text_center" onclick="window.open('product/');"> <img class="mb10" src="/static/img/new_website/aside_icon/产品@2x.png" alt="" height="40px"> <p class="fs16 mb5" style="color:var(--active_blue)">27713</p> <p class="fs14">入驻产品</p> </div> </div> </div> </div> </script> <script> Vue.component("sidebar-statistics", { template:"#sidebar-statistics" }) </script> <script> var indexVue = new Vue({ el:".inner_box", mixins:[admin_mixin], data:{ dialogShow:false, bannerList:[], currentNewsItem:0, articleList:[], articleForm:{ type:0, pn:1, ps:5 }, open:false, articleLoading:false, moreArticleLoading:false, articleType:{ 0:"最新文章", 1:"快讯", 2:"干货", 4:"专栏", 3:"手游", 5:"跨境电商", 10:"投融资", 9:"数据报告", 7:"智能手机", 6:"活动" }, subjectForm:{ ps:12, pn:1 }, subjectList:"", recommend_companys:[], reportList:[], reportForm:{ ps:2, pn:1, page:"index" }, videoList:[ // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/%E9%BA%A6%E4%B8%80_FINAL_%E6%A8%AA%E7%89%88_0826.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/麦一封面.jpg", // name:"生而全球化的麦一科技", // controls:false // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/a2c8a63de56823fade14ceb6a94b3d07.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/0376e105ff92b0c1fbae4f2c35d2ef1.jpg", // name:"因热爱走向全球的洛克兄弟", // controls:false // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/b04d296c97f983b450237e008f50fcdb.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/722d450c06d8b213d7acc9554020eaa.jpg", // name:"脱颖而出的泳池机器人品牌天津望圆", // controls:false // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/%E5%96%9C%E6%96%87_%E6%A8%AA%E7%89%88_FINAL_0913_04_20240919_14264368.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/f06cca6458de69d09db0ea821bf1fdd.jpg", // name:"珠海喜文：中国制造也是中国创造", // controls:false // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/70edb7a4535e0e3dc4873077fae0ed97.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/4363b51474e3a50c3760a3fe4426593.jpg", // name:"小猴工具勇闯全球，美和实力并存", // controls:false // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/39b87637d74301da11490309fa050785.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/75e76fff81d208d16403e9eceecc3a3.jpg", // name:"从小众赛道走向全球的魔方品牌GANCUBE", // controls:false // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/d4ed8525c737e3ee234eae2391152598.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/amazon/2024/d8055961dae11f1961df1848f687e526.jpg", // name:"Ocoopa街猫让暖手宝在全球出圈！", // controls:false // }, // { // src:"http://www.baijing.cn/static/img/GTC2020/会后1分钟花絮剪辑.mp4", // poster:"/static/img/GTC2020/videobg.jpg", // name:"GTC2020宣传视频" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%8E%A6%E9%97%A8%E4%BF%8A%E4%BA%BF%20Baleaf%20Sports%20%E4%B8%8A-final%2020230818.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1692754996上.jpg", // name:"亚马逊水手计划S3 厦门俊亿 Baleaf Sports 上" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%8E%A6%E9%97%A8%E4%BF%8A%E4%BA%BF%20Baleaf%20Sports%20%E4%B8%AD-final%2020230818.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1692755016中.jpg", // name:"亚马逊水手计划S3 厦门俊亿 Baleaf Sports 中" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%8E%A6%E9%97%A8%E4%BF%8A%E4%BA%BF%20Baleaf%20Sports%20%E4%B8%8B-final%2020230818.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1692755023下.jpg", // name:"亚马逊水手计划S3 厦门俊亿 Baleaf Sports 下" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%B0%8F%E7%89%9B%E7%94%B5%E5%8A%A8%20NIU%20%E4%B8%8A-final%2020230818.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1693381942%E4%B8%93%E9%A2%98%E9%A1%B5%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2.jpg", // name:"全球智能城市出行品牌·小牛电动上" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%B0%8F%E7%89%9B%E7%94%B5%E5%8A%A8%20NIU%20%E4%B8%AD-final%2020230818.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1693381942%E4%B8%93%E9%A2%98%E9%A1%B5%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2.jpg", // name:"全球智能城市出行品牌·小牛电动中" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%B0%8F%E7%89%9B%E7%94%B5%E5%8A%A8%20NIU%20%E4%B8%8B-final%2020230822.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1693381942%E4%B8%93%E9%A2%98%E9%A1%B5%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2.jpg", // name:"全球智能城市出行品牌·小牛电动下" // // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%B9%BF%E5%B7%9ECycus%20%E4%B8%8A-%E6%8A%96%E9%9F%B3%E7%89%88%2020230905.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1694054922赛施封面.png", // name:"全球时尚眼睛品牌·Cyxus（赛施）上" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%B9%BF%E5%B7%9ECycus%20%E4%B8%AD-%E6%8A%96%E9%9F%B3%E7%89%88%2020230905-V3%20%E5%8E%BB%E6%8E%89%E6%9C%80%E7%94%BB%E9%9D%A2%E7%89%88.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1694054922赛施封面.png", // name:"全球时尚眼睛品牌·Cyxus（赛施）中" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%20%E5%B9%BF%E5%B7%9ECycus%20%E4%B8%8B-%E6%8A%96%E9%9F%B3%E7%89%88%2020230905.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1694054922赛施封面.png", // name:"全球时尚眼睛品牌·Cyxus（赛施）下" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E5%88%9B%E6%83%B3%E4%B8%89%E7%BB%B4%20%E4%B8%8A-%E6%8A%96%E9%9F%B3%E7%89%88%2020230911.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1694597481封面.jpg", // name:"全球3D打印机领导品牌·创想三维（CREALITY）上" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E5%88%9B%E6%83%B3%E4%B8%89%E7%BB%B4%20%E4%B8%AD-%E6%8A%96%E9%9F%B3%E7%89%88%2020230911.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1694597481封面.jpg", // name:"全球3D打印机领导品牌·创想三维（CREALITY）中" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E5%88%9B%E6%83%B3%E4%B8%89%E7%BB%B4%20%E4%B8%8B-%E6%8A%96%E9%9F%B3%E7%89%88%2020230911.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1694597481封面.jpg", // name:"全球3D打印机领导品牌·创想三维（CREALITY）下" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E9%9C%8D%E6%9B%BC%E7%A7%91%E6%8A%80%20%E4%B8%8A-%E6%8A%96%E9%9F%B3%E7%89%88%2020230918.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1695275917霍曼-封面.jpg", // name:"智能化宠物科技品牌·霍曼（Homerunpet）上" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E9%9C%8D%E6%9B%BC%E7%A7%91%E6%8A%80%20%E4%B8%AD-%E6%8A%96%E9%9F%B3%E7%89%88%2020230918.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1695275917霍曼-封面.jpg", // name:"智能化宠物科技品牌·霍曼（Homerunpet）中" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E9%9C%8D%E6%9B%BC%E7%A7%91%E6%8A%80%20%E4%B8%8B-%E6%8A%96%E9%9F%B3%E7%89%88%2020230918.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/pdf/1695275917霍曼-封面.jpg", // name:"智能化宠物科技品牌·霍曼（Homerunpet）下" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E9%98%B3%E6%B1%9F%E7%AB%8B%E6%89%AC%20%E4%B8%8A-%E6%8A%96%E9%9F%B3%E7%89%88%2020230925.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/img/%E9%98%B3%E6%B1%9F%E5%B0%81%E9%9D%A2.jpg", // name:"刀具品牌·FINDKING锋劲上" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E9%98%B3%E6%B1%9F%E7%AB%8B%E6%89%AC%20%E4%B8%AD-%E6%8A%96%E9%9F%B3%E7%89%88%2020230925.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/img/%E9%98%B3%E6%B1%9F%E5%B0%81%E9%9D%A2.jpg", // name:"刀具品牌·FINDKING锋劲中" // }, // { // src:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/video/%E4%BA%9A%E9%A9%AC%E9%80%8A%E6%B0%B4%E6%89%8B%E8%AE%A1%E5%88%92S3%E9%98%B3%E6%B1%9F%E7%AB%8B%E6%89%AC%20%E4%B8%8B-%E6%8A%96%E9%9F%B3%E7%89%88%2020230925.mp4", // poster:"https://baijingoss.oss-cn-beijing.aliyuncs.com/uploads/img/%E9%98%B3%E6%B1%9F%E5%B0%81%E9%9D%A2.jpg", // name:"刀具品牌·FINDKING锋劲下" // }, ], liveList:[] }, filters:{ liveTime(value){ if(value){ if(new Date(value[0]).getFullYear() == new Date(value[1]).getFullYear() && new Date(value[0]).getMonth() == new Date(value[1]).getMonth() && new Date(value[0]).getDate() == new Date(value[1]).getDate()){ return value[0]+" - "+(new Date(value[1]).getHours()<10?"0"+new Date(value[1]).getHours():new Date(value[1]).getHours())+":"+(new Date(value[1]).getMinutes()<10?"0"+new Date(value[1]).getMinutes():new Date(value[1]).getMinutes()) }else{ return value[0]+" - "+value[1] } } } }, methods:{ getBannerList(){ $.post("/index/ajax/get_banner/",function(res){ if(res.success){ indexVue.bannerList = res.data } }) }, getMoreArticle(){ this.articleForm.pn ++ this.moreArticleLoading = true $.post("/index/ajax/get_article/",this.articleForm,function(res){ indexVue.moreArticleLoading = false if(res.success){ if(res.data.article_list){ indexVue.articleList = [...indexVue.articleList,...res.data.article_list] } } }) }, changeCarouselBox(index){ this.currentNewsItem = index }, getArticle(){ this.articleLoading = true $.post("/index/ajax/get_article/",this.articleForm,function(res){ indexVue.articleLoading = false if(res.success){ if(res.data.article_list){ indexVue.articleList = res.data.article_list } } }) }, changeArticleType(type){ this.articleForm.type = type this.articleForm.pn = 1 this.getArticle() }, getSubject(){ $.post("/subject/ajax/get_subjects/",this.subjectForm,function(res){ if(res.success){ indexVue.subjectList = _.chunk(res.data.data,3) } }) }, getRecommendCompanys(e){ this.recommend_companys = e }, getOpen(e){ this.open = e }, getReportList(){ $.post('/report/main/get_data_report/',this.reportForm,function(res){ if(res.success){ indexVue.reportList = res.data.list } }) }, getLiveList(){ $.post("/live/get_live_list/",function(res){ if(res.success && res.data.count > 0){ let data = [] res.data.list.forEach(element => { if(new Date().getTime()<element.start_time*1000){ data.push(element) } }); indexVue.liveList = data } }) }, openLiveDialog(item){ this.$alert(` <div class="text_center"> <div class="text_center fb fs16">${item.img_text}</div> <img src="${item.img}" alt="" width="100%" style="max-width:300px"> </div>`, { dangerouslyUseHTMLString: true, showConfirmButton:false }); $.post("/adcount/ad2/",{contact_id:item.id,type:"live",source:"pc"}) } }, created(){ this.getBannerList() this.getArticle() this.getSubject() this.getReportList() this.getLiveList() } }) </script> <link rel="stylesheet" href="/static/css/new_website/footer.css?v=10"> <div class="new_footer" v-cloak> <div class="right_fixed"> <el-popover placement="right" width="160" trigger="hover" class="right_fixed_box"> <div class="text_center"> <img src="https://www.baijing.cn/static/img/BJLia.png?v=123" alt="" width="120px" height="120px"> <div class="mt10"> <p style="font-size: 18px;font-weight:bold">白鲸客服微信</p> <p>联系白鲸客服Lia</p> </div> </div> <div class="right_fixed_item flex align_center justify_center" slot="reference"> <img src="/static/img/new_website/aside_icon/顾问icon 拷贝@2x.png" alt="" class="right_fixed_item_defalut" width="27"> <img src="/static/img/new_website/right/consult.png" alt="" class="right_fixed_item_hover"> </div> </el-popover> <el-popover placement="right" width="160" trigger="hover" class="right_fixed_box"> <div class="text_center"> <img src="/static/img/new_website/right/mini-program_code.png" alt="" width="120px" height="120px"> <div class="mt10"> <p style="font-size: 18px;font-weight:bold">白鲸出海小程序</p> <p>微信扫码查看</p> </div> </div> <div class="right_fixed_item flex align_center justify_center" slot="reference"> <img src="/static/img/new_website/right/mini-program.png" alt="" class="right_fixed_item_defalut"> <img src="/static/img/new_website/right/mini-program选中.png" alt="" class="right_fixed_item_hover"> </div> </el-popover>  <a href="/setting/profile_member/" class="right_fixed_box"> <div class="right_fixed_item flex align_center justify_center"> <img src="/static/img/new_website/right/vip.png" alt="" class="right_fixed_item_defalut"> <div class="right_fixed_item_hover" style="color: #ffffff;"> <div class="flex align_center justify_center" style="padding: 10px;line-height: 18px;"> 会员购买 </div> </div> </div> </a> <div class="right_fixed_box right_fixed_item flex align_center justify_center" @click="header_vue.user_info.uid?AWS.dialog('feedback', {'category_enable':'1', 'category_id':'0', 'topic_title':'','ask_user_id':header_vue.user_info.uid}):location='/login/'"> <img src="/static/img/new_website/right/chat.png" alt="" class="right_fixed_item_defalut"> <div class="right_fixed_item_hover" style="color: #ffffff;"> <div class="flex align_center justify_center" style="padding: 10px;line-height: 18px;"> 意见反馈 </div> </div> </div> <div class="right_fixed_box right_fixed_item flex align_center justify_center" onclick="$.scrollTo(0, 600, {queue:true});" > <img src="/static/img/new_website/right/toTop.png" alt="" class="right_fixed_item_defalut"> <div class="right_fixed_item_hover" style="color: #ffffff;"> <div class="flex align_center justify_center" style="padding: 10px;line-height: 18px;"> 返回顶部 </div> </div> </div> </div> <div class="footer_body_content"> <div class="flex justify_between"> <div class="footer_body_left"> <div> <div class="footer_item_title flex align_center"> <img src="/static/img/new_website/footer/合作伙伴@2x.png" alt="" width="26px"><span style="margin-left: 8px;">合作伙伴</span> </div> <div class="company_partner_panel"> <el-carousel height="260px" indicator-position="none" :interval="5000"> <el-carousel-item v-for="item in company_partner"> <div id="company_partner_inner-uni" class="company_partner_inner pl10 pr10"> <div v-for="item2 in item" class="text_center"> <a v-if="item2.link" :href="''+item2.link" target="_blank"> <img :src="item2.company_logo" alt="" class="footer_item_img"> </a> <img v-else :src="item2.company_logo" alt="" class="footer_item_img"> </div> </div> </el-carousel-item> </el-carousel>  </div> </div>  </div> <div class="footer_body_right"> <div> <div class="footer_item_title"> 公司简介 </div> <div style="font-size: 12px;text-align:justify"> 白鲸出海是一家致力于服务中国泛互联网企业走向海外的综合服务平台，目前白鲸出海涵盖资讯（快讯、7×24h、问答和话题等）、数据（公司、产品、资本、榜单、专辑和投放等）、服务（合作、招聘、活动、投融资和众创空间等）以及社群社区等共四大模块。自2014年7月开始运营以来，白鲸出海已成长为中国泛互联网出海……<a href="/about"><span style="color: #fff;" class="fb">查看更多</span></a>  </div> </div> <div style="margin-top:30px"> <div class="footer_item_title"> 关于白鲸出海 </div> <div class="flex"> <div class="footer_about_left"> <div class="footer_about_left_item"> <a href="/about"> 关于我们 </a> </div> <div class="footer_about_left_item"> <a href="/disclaimer"> 免责声明 </a> </div> <div class="footer_about_left_item"> <a href="/adsense"> 商务合作 </a> </div> <div class="footer_about_left_item"> <a href="/index/material_download/"> 素材下载 </a> </div> <div class="footer_about_left_item"> <a href="/contact"> 联系我们 </a> </div> </div> <div class="footer_about_right flex justify_between"> <div class="text_center"> <img src="https://www.baijing.cn/static/img/BJLia.png?v=123" alt="" width="100px"> <div class="code_text"> 微信客服 </div> </div> <div class="text_center"> <img src="/static/img/contact/baijing_ceo.png" alt="" width="100px"> <div class="code_text"> 与CEO聊合作 </div> </div> </div> </div> </div> </div> </div> <div> <div class="footer_item_title flex align_center"> <img src="/static/img/new_website/footer/友情链接@2x.png" alt="" width="26px"><span style="margin-left: 8px;">友情链接</span> </div> <div> <div v-for="item in home_list" class="footer_home_list_item"> <a :href="'//'+item.url" target="_blank" :rel="item.nofollow?'nofollow':''"> {{item.name}} </a> </div> </div> </div> </div> <div style="border-top:1px solid #797979;width: 1200px;background-color: #2e3139;margin: 0 auto;"> <div class="foot-box copyright"> <div style="display: flex;justify-content: center;height: 25px;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35010402350923"> <p style="height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"> <img src="/static/img/gongan.png" alt="" style="float: left;"> 闽公网安备35010402350923号 </p> </a> <a target="_blank" href="/static/img/zzxkz_20200710.jpg"> <p style="height:20px;line-height:20px;margin: 0px 0px 0px 15px; color:#939393;"> 增值电信业务经营许可证闽B2-20200257</p> </a> </div> Copyright © 2014 - 2024 <a href="https://beian.miit.gov.cn/" target="_blank">闽ICP备14009268号-3</a> , All Rights Reserved Powered By 白鲸出海 www.baijing.cn | <a href="https://www.baijing.cn/m/ignore_ua_check-FLASE">访问手机版</a> </div> </div> </div>  <div id="aw-ajax-box" class="aw-ajax-box"></div> <div style="display:none;" id="__crond"> </div>  <script> var footerVue = new Vue({ el: ".new_footer", data: { company_partner: JSON.parse('[{"id":24,"company_name":"TikTok for Business","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230329\/1680082564_pic_real.jpg","link":"https:\/\/www.tiktokforbusinessoutbound.com\/?source=othermedia-baijing","sort":1,"uid":122401,"add_time":1680252015},{"id":25,"company_name":"\u4f20\u97f3transsion","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252084_pic_real.jpg","link":"https:\/\/www.transsion.com\/","sort":2,"uid":122401,"add_time":1680858687},{"id":26,"company_name":"PubMatic","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252182_pic_real.jpg","link":"https:\/\/pubmatic.com\/","sort":3,"uid":122401,"add_time":1680255495},{"id":27,"company_name":"\u5317\u4eac\u6613\u4e91\u670d\u6280\u672f\u6709\u9650\u516c\u53f8","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252236_pic_real.jpg","link":"https:\/\/www.ezmsp.cn\/","sort":4,"uid":122401,"add_time":1680254997},{"id":12,"company_name":"\u949b\u52a8\u79d1\u6280","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230329\/1680082648_pic_real.jpg","link":"http:\/\/www.tec-do.net","sort":5,"uid":122401,"add_time":1728377008},{"id":73,"company_name":"\u4f19\u4f34\u4e91","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20241008\/1728376619_pic_real.jpg","link":"https:\/\/hbyaso.com","sort":6,"uid":122401,"add_time":1728377025},{"id":72,"company_name":"\u9882\u91cf","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20240920\/1726831879_pic_real.jpg","link":"https:\/\/www.itniotech.cn\/","sort":6,"uid":122401,"add_time":1726831880},{"id":6,"company_name":"data.ai","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230329\/1680082626_pic_real.jpg","link":"https:\/\/www.data.ai\/cn\/","sort":6,"uid":122401,"add_time":1680252401},{"id":69,"company_name":"\u7f51\u6613\u4e91\u4fe1","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20231030\/1698657539_pic_real.jpg","link":"https:\/\/yunxin.163.com\/?from=bjchuhai","sort":6,"uid":122401,"add_time":1698657541},{"id":28,"company_name":"\u4e91\u7247","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252422_pic_real.jpg","link":"https:\/\/www.yunpian.com\/","sort":7,"uid":122401,"add_time":1680255386},{"id":70,"company_name":"\u6c47\u91cf\u79d1\u6280","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20240311\/1710146322_pic_real.jpg","link":"http:\/\/mobvista.cn\/?utm_source=baijingchuhai","sort":7,"uid":122401,"add_time":1726831898},{"id":29,"company_name":"Super sonic","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252465_pic_real.jpg","link":"","sort":8,"uid":122401,"add_time":1680252501},{"id":30,"company_name":"Cyberklick","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252539_pic_real.jpg","link":"https:\/\/www.cyberklick.com\/","sort":9,"uid":122401,"add_time":1680255630},{"id":31,"company_name":"APPLOVIN","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252582_pic_real.jpg","link":"","sort":10,"uid":122401,"add_time":1680252607},{"id":32,"company_name":"MediaGo","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252630_pic_real.jpg","link":"https:\/\/mediago.baidu.com\/","sort":11,"uid":122401,"add_time":1680255216},{"id":3,"company_name":"\u767e\u5ea6","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230329\/1680082693_pic_real.jpg","link":"https:\/\/mediago.baidu.com\/","sort":12,"uid":122401,"add_time":1680255674},{"id":33,"company_name":"\u58f0\u7f51","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252674_pic_real.jpg","link":"","sort":13,"uid":122401,"add_time":1680252680},{"id":74,"company_name":"\u4e07\u91cc\u6c47","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20241125\/1732533094_pic_real.jpg","link":"https:\/\/www.worldfirst.com.cn\/static\/developer\/?utm_medium=display&utm_source=baijing&utm_campaign=developer&utm_content=BJ-website","sort":14,"uid":185889,"add_time":1732601469},{"id":14,"company_name":"\u5e7f\u5927\u5927","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230329\/1680082712_pic_real.jpg","link":"https:\/\/www.guangdada.net\/","sort":14,"uid":122401,"add_time":1680082713},{"id":34,"company_name":"AppsFlyer","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252731_pic_real.jpg","link":"","sort":15,"uid":122401,"add_time":1680252750},{"id":35,"company_name":"Airwallex\u7a7a\u4e2d\u4e91\u6c47","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252804_pic_real.jpg","link":"https:\/\/www.airwallex.com.cn\/","sort":16,"uid":122401,"add_time":1680255411},{"id":36,"company_name":"\u5feb\u624b","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252825_pic_real.jpg","link":"https:\/\/www.kwai.com\/business\/zh-CN","sort":17,"uid":122401,"add_time":1680254808},{"id":71,"company_name":"Zego\u5373\u6784","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20240808\/1723089074_pic_real.jpg","link":"https:\/\/www.zego.im?source=bj","sort":18,"uid":122401,"add_time":1723453161},{"id":38,"company_name":"\u8304\u5b50\u79d1\u6280\uff08\u6d77\u5916SHAREit Group\uff09","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252884_pic_real.jpg","link":"https:\/\/ushareit.com\/","sort":19,"uid":122401,"add_time":1680255124},{"id":39,"company_name":"Cloudflare","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253283_pic_real.jpg","link":"https:\/\/www.cloudflare.com\/zh-cn\/","sort":20,"uid":122401,"add_time":1680255350},{"id":40,"company_name":"vonage","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253492_pic_real.jpg","link":"https:\/\/www.vonagebusiness.cn","sort":21,"uid":122401,"add_time":1680255523},{"id":41,"company_name":"\u5317\u4eac\u4e91\u4e2d\u878d\u4fe1\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8\uff08\u7b80\u79f0\u878d\u4e91\uff09","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253514_pic_real.jpg","link":"https:\/\/www.rongcloud.cn","sort":22,"uid":122401,"add_time":1680255306},{"id":42,"company_name":"YinoLink\u6613\u8bfa\u96b6\u5c5e\u4e8e\u676d\u5dde\u76ca\u523b\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253528_pic_real.jpg","link":"https:\/\/yinolink.com\/","sort":23,"uid":122401,"add_time":1680255365},{"id":67,"company_name":"\u73af\u4fe1","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230410\/1681108227_pic_real.jpg","link":"https:\/\/www.easemob.com\/","sort":24,"uid":122401,"add_time":1681108228},{"id":43,"company_name":"Worldline","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253565_pic_real.jpg","link":"","sort":24,"uid":122401,"add_time":1680253576},{"id":63,"company_name":"\u4ebf\u52a8\u5e7f\u544a\u4f20\u5a92\uff08Madhouse Inc.\uff09","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254417_pic_real.jpg","link":"https:\/\/madhouse.cn\/","sort":25,"uid":122401,"add_time":1680255475},{"id":44,"company_name":"webeye","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253620_pic_real.jpg","link":"https:\/\/www.webeye.com\/","sort":26,"uid":122401,"add_time":1680255771},{"id":45,"company_name":"\u817e\u8baf\u4e91\u97f3\u89c6\u9891","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253665_pic_real.jpg","link":"https:\/\/cloud.tencent.com\/act\/pro\/video_freetrial","sort":27,"uid":122401,"add_time":1680255437},{"id":46,"company_name":"rawdare","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253698_pic_real.jpg","link":"","sort":28,"uid":122401,"add_time":1680253724},{"id":47,"company_name":"Nox\u805a\u661f","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253749_pic_real.jpg","link":"https:\/\/cn.noxinfluencer.com\/","sort":29,"uid":122401,"add_time":1680255268},{"id":48,"company_name":"\u6296\u9e66\u4f20\u5a92","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253774_pic_real.jpg","link":"http:\/\/www.parrotok.com\/","sort":30,"uid":122401,"add_time":1680255559},{"id":49,"company_name":"\u725b\u4fe1\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8\uff08\u725b\u4fe1\u4e91\/NXCLOUD\uff09","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253806_pic_real.jpg","link":"https:\/\/www.nxcloud.com\/","sort":31,"uid":122401,"add_time":1684909276},{"id":64,"company_name":"TradPlus","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680255938_pic_real.jpg","link":"https:\/\/www.tradplusad.com\/","sort":32,"uid":122401,"add_time":1680255940},{"id":50,"company_name":"\u60a0\u6d1b\u7f51\u7edc","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253890_pic_real.jpg","link":"https:\/\/www.yojoynet.com\/","sort":33,"uid":122401,"add_time":1680254792},{"id":51,"company_name":"Flat Ads","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680255819_pic_real.jpg","link":"http:\/\/www.flat-ads.com","sort":34,"uid":122401,"add_time":1680255820},{"id":15,"company_name":"\u556a\u55d6\uff08\u53a6\u95e8\uff09\u4fe1\u606f\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230329\/1680082837_pic_real.jpg","link":"http:\/\/www.paasoo.cn","sort":35,"uid":122401,"add_time":1680253937},{"id":52,"company_name":"Duit Apps","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680253966_pic_real.jpg","link":"https:\/\/duitteam.com\/","sort":36,"uid":122401,"add_time":1680254852},{"id":53,"company_name":"\u5929\u4e00\u6cd3\u79d1\u6280\u6709\u9650\u516c\u53f8\uff08BUKA\u56fd\u9645\u4e91\u901a\u8baf\uff09","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254003_pic_real.jpg","link":"http:\/\/www.onbuka.cn","sort":37,"uid":122401,"add_time":1680254880},{"id":54,"company_name":"Cloud Ace","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254026_pic_real.jpg","link":"https:\/\/cloud-ace.cn\/","sort":38,"uid":122401,"add_time":1680254898},{"id":55,"company_name":"CM.com","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254056_pic_real.jpg","link":"http:\/\/www.cm.com","sort":39,"uid":122401,"add_time":1680254917},{"id":56,"company_name":"BIGO Ads","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254080_pic_real.jpg","link":"https:\/\/www.adsbigo.com\/","sort":40,"uid":122401,"add_time":1680254945},{"id":57,"company_name":"Aestron","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254130_pic_real.jpg","link":"https:\/\/www.aestron.net\/","sort":41,"uid":122401,"add_time":1680254973},{"id":58,"company_name":"\u601d\u60f3\u79d1\u6280Master Concept","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254159_pic_real.jpg","link":"https:\/\/hkmci.com\/","sort":42,"uid":122401,"add_time":1680255064},{"id":59,"company_name":"Adjust","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254238_pic_real.jpg","link":"http:\/\/www.adjust.com\/zh","sort":43,"uid":122401,"add_time":1680255097},{"id":60,"company_name":"Novabeyond","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254271_pic_real.jpg","link":"https:\/\/newsite.novabeyond.com\/","sort":44,"uid":122401,"add_time":1680255144},{"id":61,"company_name":"\u767e\u9053","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680254289_pic_real.jpg","link":"http:\/\/www.baidaodata.com","sort":45,"uid":122401,"add_time":1680255156},{"id":62,"company_name":"Pagsmile","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20231030\/1698654572_pic_real.jpg","link":"https:\/\/www.pagsmile.com\/","sort":46,"uid":122401,"add_time":1698654573},{"id":65,"company_name":"Pagsmile","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680255857_pic_real.jpg","link":"https:\/\/www.pagsmile.com\/","sort":47,"uid":122401,"add_time":1680255872},{"id":37,"company_name":"\u9cb8\u9e3f\u52a8\u80fd","company_logo":"https:\/\/www.baijing.cn\/uploads\/company_partner\/12\/122401\/20230331\/1680252862_pic_real.jpg","link":"https:\/\/ads.huawei.com\/usermgtportal\/home\/index.html#\/","sort":48,"uid":122401,"add_time":1723453152}]'), // cms: JSON.parse('[{"id":13,"company_name":"\u5fae\u8f6f","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483497103_pic_real.jpg","link":"","sort":7,"uid":6002,"add_time":1483497109},{"id":12,"company_name":"Kochava","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170414\/1492139363_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/26663","sort":8,"uid":6002,"add_time":1492139421},{"id":8,"company_name":"\u8bd1\u56fd\u8bd1\u6c11","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483496695_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/62752","sort":9,"uid":6002,"add_time":1483496696},{"id":15,"company_name":"\u5f97\u8bcd","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483497765_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/36656","sort":10,"uid":6002,"add_time":1483512758},{"id":6,"company_name":"Akamai","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483496579_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/29775","sort":11,"uid":6002,"add_time":1483497026},{"id":7,"company_name":"\u79d1\u83ab\u5b9d","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483496651_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/63874","sort":12,"uid":6002,"add_time":1492139429},{"id":21,"company_name":"\u6709\u7c73\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/12\/122401\/20201123\/1606101685_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/3540","sort":13,"uid":122401,"add_time":1606101691},{"id":9,"company_name":"\u866b\u6d1e\u7ffb\u7ffb","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483496750_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/63922","sort":14,"uid":6002,"add_time":1483497535},{"id":20,"company_name":"\u95ef\u5947\u4fe1\u606f\u79d1\u6280\uff08\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170118\/1484725236_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/62106","sort":15,"uid":6002,"add_time":1484725237},{"id":31,"company_name":"\u4f20\u795e\u7ffb\u8bd1","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170616\/1497582234_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/28596","sort":16,"uid":6002,"add_time":1497582565},{"id":17,"company_name":"\u5e94\u7528\u96f7\u8fbe","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170111\/1484119325_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/88674","sort":17,"uid":6002,"add_time":1484119342},{"id":18,"company_name":"\u4e0a\u6d77\u5bfb\u6c47\u4fe1\u606f\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/12\/122401\/20210714\/1626248684_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/88702","sort":18,"uid":122401,"add_time":1626248685},{"id":19,"company_name":"\u6211\u641c\u7f51\u7edc","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170117\/1484623216_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/35070","sort":19,"uid":6002,"add_time":1484623217},{"id":22,"company_name":"\u676d\u5dde\u4e91\u7247\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170315\/1489571588_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/89554","sort":20,"uid":6002,"add_time":1489571650},{"id":23,"company_name":"\u98de\u4e66\u4e92\u52a8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170331\/1490956026_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/3539","sort":21,"uid":6002,"add_time":1490956057},{"id":24,"company_name":"iPayLinks","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170331\/1490956064_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/90611","sort":22,"uid":6002,"add_time":1490956096},{"id":25,"company_name":"Mobisummer","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170418\/1492502783_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/88978","sort":23,"uid":6002,"add_time":1492502815},{"id":26,"company_name":"AOSTOP1","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/02\/26649\/20170517\/1495009589_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/29917","sort":24,"uid":6002,"add_time":1514960714},{"id":27,"company_name":"\u91cf\u6c5f\u6e56","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170521\/1495380660_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/34559","sort":25,"uid":6002,"add_time":1495380671},{"id":28,"company_name":"\u5e7f\u5dde\u5bbd\u6d9b\u529b\u5eb7\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170602\/1496367734_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/6117","sort":26,"uid":6002,"add_time":1496367736},{"id":29,"company_name":"\u676d\u5dde\u8d85\u4e50\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/02\/26649\/20170608\/1496902101_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/91214","sort":27,"uid":26649,"add_time":1496902131},{"id":30,"company_name":"\u5317\u4eac\u8054\u5b87\u76ca\u901a\u79d1\u6280\u53d1\u5c55\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170614\/1497420924_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/91497","sort":28,"uid":6002,"add_time":1497420931},{"id":14,"company_name":"KeyPoint Technology China","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170104\/1483497280_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/63628","sort":29,"uid":6002,"add_time":1497582559},{"id":33,"company_name":"youappi","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/02\/26649\/20170620\/1497942759_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/34513","sort":31,"uid":26649,"add_time":1497942769},{"id":34,"company_name":"adtiming","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/02\/26649\/20170630\/1498794498_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/91610","sort":32,"uid":26649,"add_time":1498794514},{"id":35,"company_name":"\u6f6e\u7f51\u5e7f\u544a(\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170718\/1500342030_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/89742","sort":33,"uid":6002,"add_time":1500342031},{"id":36,"company_name":"\u4e0a\u6d77\u4f18\u523b\u5f97\u4fe1\u606f\u79d1\u6280\u6709\u9650\u516c\u53f8","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170718\/1500342210_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/32096","sort":34,"uid":6002,"add_time":1500342211},{"id":37,"company_name":"PubNative GmbH","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20170721\/1500609148_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/3991","sort":35,"uid":6002,"add_time":1500609164},{"id":38,"company_name":"\u82f1\u5b9d\u901a","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/00\/6002\/20180211\/1518333288_pic_real.jpg","link":"http:\/\/www.baijingapp.com\/people\/91047","sort":36,"uid":6002,"add_time":1518333304},{"id":39,"company_name":"wotokol","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/02\/26649\/20181023\/1540267076_pic_real.jpg","link":"http:\/\/www.wotokol.com","sort":37,"uid":26649,"add_time":1540267094},{"id":40,"company_name":"\u4f01\u670d","company_logo":"http:\/\/www.baijingapp.com\/uploads\/company_member\/02\/26649\/20181115\/1542249122_pic_real.jpg","link":"www.qifuplus.com","sort":38,"uid":26649,"add_time":1542249407}]'), home_list: JSON.parse('[{"id":25,"logo":"","name":"\u6e38\u620f\u8336\u9986","url":"youxichaguan.com","sort":1,"status":1,"nofollow":0},{"id":31,"logo":"","name":"\u6e38\u620f\u9640\u87ba","url":"www.youxituoluo.com","sort":3,"status":1,"nofollow":0},{"id":28,"logo":"","name":"\u624b\u6e38\u90a3\u70b9\u4e8b","url":"nadianshi.com","sort":4,"status":1,"nofollow":0},{"id":57,"logo":"","name":"\u6d3b\u52a8\u884c","url":"www.huodongxing.com","sort":6,"status":1,"nofollow":0},{"id":69,"logo":"","name":"\u6e38\u620f\u72d7\u65b0\u95fb","url":"www.gamedog.cn\/","sort":7,"status":1,"nofollow":0},{"id":71,"logo":"","name":"NetNut\u5168\u7403IP","url":"share.netnut.cn\/HTxI4FadY0h7yZd","sort":8,"status":1,"nofollow":1},{"id":47,"logo":"","name":"\u7231\u76c8\u5229","url":"www.aiyingli.com\/","sort":14,"status":1,"nofollow":0},{"id":48,"logo":"","name":"AMZ123\u8de8\u5883\u5bfc\u822a","url":"www.amz123.com\/","sort":15,"status":1,"nofollow":0},{"id":49,"logo":"","name":"\u8de8\u5883\u8fbe\u4eba","url":"www.hcggzy.cn","sort":16,"status":1,"nofollow":0},{"id":50,"logo":"","name":"\u4e0a\u7ebf\u4e86","url":"www.sxl.cn\/","sort":17,"status":1,"nofollow":0},{"id":52,"logo":"","name":"\u90a6\u9605\u7f51","url":"www.52by.com","sort":18,"status":1,"nofollow":0},{"id":51,"logo":"","name":"App Growing","url":"appgrowing.net\/","sort":20,"status":1,"nofollow":0},{"id":54,"logo":"","name":"\u84dd\u6d77\u4ebf\u89c2\u7f51","url":"www.egainnews.com\/","sort":21,"status":1,"nofollow":0},{"id":55,"logo":"","name":"\u8de8\u5883\u773c","url":"www.kuajingyan.com","sort":22,"status":1,"nofollow":0},{"id":58,"logo":"","name":"\u53d1\u73b0\u62a5\u544a","url":"www.fxbaogao.com","sort":24,"status":1,"nofollow":0},{"id":59,"logo":"","name":"\u6d77\u6dd8","url":"www.mxhaitao.com","sort":25,"status":1,"nofollow":0},{"id":61,"logo":"","name":"\u8de8\u5883\u77e5\u9053","url":"www.ikjzd.com","sort":27,"status":1,"nofollow":0},{"id":63,"logo":"","name":"\u8de8\u5883\u6536\u6b3e","url":"global.lianlianpay.com","sort":28,"status":1,"nofollow":0},{"id":65,"logo":"","name":"\u94ed\u5ba3\u6d77\u6dd8","url":"mxhaitao.com","sort":30,"status":1,"nofollow":0},{"id":72,"logo":"","name":"\u5c0f\u7ea2\u82b1\u6280\u672f\u9886\u8896","url":"xhh.club\/","sort":30,"status":1,"nofollow":1},{"id":66,"logo":"","name":"APICloud","url":"www.apicloud.com","sort":31,"status":1,"nofollow":0},{"id":67,"logo":"","name":"\u7d2b\u9e1f\u6d4f\u89c8\u5668","url":"www.ziniao.com","sort":32,"status":1,"nofollow":0},{"id":68,"logo":"","name":"\u62fc\u5ba2\u53f7","url":"pinkehao.com","sort":33,"status":1,"nofollow":0},{"id":70,"logo":"","name":"Omegle Chat","url":"www.heyy.tv","sort":34,"status":1,"nofollow":1},{"id":74,"logo":"","name":"\u51fa\u6d77\u6d3e","url":"www.keep1.net","sort":35,"status":1,"nofollow":1},{"id":75,"logo":"","name":"\u5927\u6570\u8de8\u5883","url":"www.10100.com","sort":35,"status":1,"nofollow":1},{"id":76,"logo":"","name":"XMP","url":"xmp.mobvista.com\/cn\/?utm_source=baijingchuhai","sort":36,"status":1,"nofollow":1}]'), right_icon:{ mobile:{ default:"/static/img/new_website/right/mobile.png", active:"/static/img/new_website/right/mobile选中.png", current:"/static/img/new_website/right/mobile.png" } } }, methods:{ changeRightIcon(name,type){ this.right_icon[name].current = this.right_icon[name][type] } }, created() { // this.cms = _.chunk(cms, 7) this.company_partner = _.chunk(this.company_partner, 24) if(this.company_partner.length == 2){ this.company_partner = _.concat(this.company_partner,this.company_partner) } // console.log(this.company_partner) } }) </script> <script> $(".ad_count_new").click(function(){ let contact_id = $(this).attr("data-id"); let type = $(this).attr("data-type"); $.post("/adcount/ad2/",{contact_id,type,source:"pc"}) }) </script>

CINXE.COM

白鲸出海 - 泛互联网出海服务平台