CINXE.COM
News on Event & technology innovation, Live Stream, webinar | Matchexpo
<!DOCTYPE html> <html> <head> <title>News on Event & technology innovation, Live Stream, webinar | Matchexpo</title> <meta charset="utf-8"/> <meta http-equiv="Cache-Control" content="max-age=31536000"/> <meta http-equiv="Pragma" content="max-age=31536000"/> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <!-- Meta Pixel Code --> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1041230296873208'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1041230296873208&ev=PageView&noscript=1" /> </noscript> <!-- End Meta Pixel Code --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2834372922206562" crossorigin="anonymous"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-B0EZSHLW6R"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-B0EZSHLW6R'); </script> <meta name="keywords" content="Manufacturing News Release, Press release platform, Event News, Webinar News, Live Stream News"/> <meta name="description" content="News on Matchexpo that is global Marketing Publishing Platform. It is includes: PManufacturing News Release, Event registration management, Business matching service, Live stream news etc."/> <meta property="og:image" content="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815374a53.ico"/> <link rel="shortcut icon" href="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815374a53.ico" type="image/x-icon"/> <script> var ai_chat_url = 'https://ai.starify.cn'; let screen_width = screen.availWidth let white_list = ['/live-stream', '/mobile', '/invite-', '/community', '/supply-demand', '/job', '/city-plan-form'] //过滤白名单-是否进入 /mobile let is_pass = true //是否通过白名单筛选 white_list.forEach(item => { if (location.pathname.indexOf(item) !== -1) { is_pass = false } }) resizeInitWindow() window.addEventListener('resize', () => { resizeInitWindow() }) function resizeInitWindow() { if (window.screen.availWidth < 992) { document.querySelector('html').style.fontSize = ((screen_width / 375) * 62.5) + '%' if (is_pass) { if ((location.pathname.indexOf('/expo') > -1 || location.pathname.indexOf('/news') > -1 || location.pathname.indexOf('/live') > -1 || location.pathname.indexOf('/homepage') > -1)) { //跳转到对应的移动端页面 location.href = '/mobile' + location.pathname } else { //没有相关页面关键词跳转到移动端首页 location.href = '/mobile/index' } } } else { document.querySelector('html').style.fontSize = ((screen_width / 1920) * 62.5) + '%' } } </script> <script src="/common/js-config?v=9.0"></script> <!-- 导入 Vue 3 --> <script src="/assets/lib/jquery-1.11.1.min.js"></script> <script src="/assets/lib/vue@next.js"></script> <script src="/assets/lib/vue-i18n.global.min.js"></script> <script src="/lang/i18n.js?v=9.0"></script> <script src="/lang/module/en-us.js?v=9.0"></script> <script src="/lang/module/en-us-all.min.js?v=9.0"></script> <script src="/assets/lib/axios.min.js"></script> <!-- 导入组件库 --> <script src="/assets/lib/element-plus.js"></script> <!-- 导入压缩js库 --> <script src="/assets/utils/utils-all.min.js?v=9.0"></script> <script src="/assets/chatgpt-icon/iconfont.js?v=9.0"></script> <link href="/assets/iconfont/iconfont.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/element/index-rem.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/community/recommendUser.css" rel="stylesheet" type="text/css"/> <link href="/assets/css/index.css" rel="stylesheet" type="text/css"/> <link href="/assets/css/index/all.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/chatgpt-icon/iconfont.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/layout/common.css?v=9.0" rel="stylesheet" type="text/css"/> <script src="/assets/lib/swiper-bundle.min.js?v=9.0"></script> <script src="/assets/lib/imageLoaded.js"></script> <script src="https://www.itxst.com/package/sortable/sortable.min.js"></script> <link href="/assets/css/news/news.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/search/search.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/index/blogList.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/index/moduleBox.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/lib/swiper-bundle.min.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/column/index.css?v=9.0" rel="stylesheet" type="text/css"/> <link href="/assets/css/layout.css?v=9.0" rel="stylesheet" type="text/css"/> </head> <body data-lang="en-us" > <div id="loadingBox" class="loading_container"> <div class="boxes"> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <div class="container_body"> <div class="head_container"> <div style=""> <div class="head" id="headBox" > <div class="head_logo aichat_logo" v-if="isAiChatBot"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-jiqi"></use> </svg> <span>星光GPT大师</span> </div> <a class="head_logo" href="/" v-else> <svg class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> </a> <div class="head_menu" style="display: none" > <div class="el-row"> <div class="el-col-3" > <a class="nav_item" href="/"> Home </a> </div> <div class="el-col-3" > <a class="nav_item" href="/news"> News </a> </div> <div class="el-col-5" > <a class="nav_item" href="/expo"> Events & Fairs </a> </div> <div class="el-col-4"> <a class="nav_item" href="/community/dynamic"> Community </a> </div> <div class="el-col-4"> <a class="nav_item" href="/courses"> Curriculum </a> </div> </div> </div> <div class="head_user" v-if="isAiChatBot"> <div class="head_item"> <a class="none_token" v-if="!$config.apiToken" @click="toRoute('/register')"> Register </a> <span class="none_token">{{ baseUserInfo.curr_enterprise_name }}</span> <div class="user_avatar_box"> <img :src="baseUserInfo.curr_enterprise_logo ? $config.ossDomain + baseUserInfo.curr_enterprise_logo : $config.defaultLogo"/> </div> </div> </div> <div class="head_user" v-cloak v-show="!isAiChatBot"> <div class="head_item"> <div class="el-input el-input--large el-input--prefix w-50 m-2"> <!-- input --><!-- prepend slot --><!--v-if--> <div class="el-input__wrapper"> <!-- prefix slot --> <span class="el-input__prefix" @click="toSearchPage()"> <span class="el-input__prefix-inner"> <i class="icon iconfont ic_search"></i> </span> </span> <input class="el-input__inner" type="text" autocomplete="off" id="head_search"> <!-- suffix slot --><!--v-if--> </div> <!-- append slot --><!--v-if--> </div> </div> <div class="head_item"> <el-dropdown> <div class="fast_box"> <span class="iconfont ic_publish1"></span> <span>Quick publish</span> </div> <template #dropdown> <el-dropdown-menu> <el-dropdown-item @click="toPublishRoute('/event/expo-plan')"> <div class="fast_box_item"> <img src="/assets/image/svg/ic_events.svg"> Launch Exhibition </div> </el-dropdown-item> <el-dropdown-item @click="toPublishRoute('/components/news')"> <div class="fast_box_item"> <img src="/assets/image/svg/ic_earth.svg"> Release information </div> </el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> </div> <div class="head_item" @click="toNotification('/notification')"> <span class="iconfont ic_notice"></span> <i class="notice_point" v-if="notificationData && notificationData.all_count > 0"><span>{{ notificationData.all_count > 99 ? 99 : notificationData.all_count }}</span></i> </div> <div class="head_item"> <a class="none_token" id="loginBtn" v-if="!$config.apiToken" @click="toRoute('/login')"> Sign in </a> </div> <div class="head_item" style="margin-left:0" > <a class="none_token" v-if="!$config.apiToken" @click="toRoute('/register')"> Register </a> <mtp-user-dropdown @update-user-info="updateUserInfo" v-else> <div class="user_avatar_box"> <img :src="baseUserInfo.curr_enterprise_logo ? $config.ossDomain + baseUserInfo.curr_enterprise_logo : $config.defaultLogo"/> </div> </mtp-user-dropdown> </div> <div class="head_item" v-cloak> <el-popover placement="bottom" :width="250" trigger="hover"> <template #reference> <span class="el-dropdown-link language-dropdown" v-cloak> <span class="iconfont ic_language icon_language"></span> <span>{{ locale.label }}</span> </span> </template> <div class="website-lang"> <div v-for="(website, i) in languages" :key="'web-' + i"> <div class="title">{{ website.name }}</div> <div class="site-languages"> <div class="language" :class="(language.site == currSite && language.value == currLanguage) ? 'selected' : ''" v-for="(language, j) in website.list" :key="'opt-' + j" @click="handleLang(language)" v-cloak> {{ language.label }} </div> </div> </div> </div> </el-popover> </div> </div> <div class="login_dialog"> <el-dialog :append-to-body="true" v-model="LoginDialogVisible" width="52%"> <div> <login-right :success-url="successUrl" @closepopup="closepopup"></login-right> </div> </el-dialog> </div> <el-dialog custom-class="guide_dialog" v-model="showGuideDialog" append-to-body> <div v-if="guideInfo.guide_type === 'new_clue'"> <div class="module_title"> Congratulations </div> <div class="module_desc"> <p v-html="guideInfo.get"></p> </div> <div class="module_btn"> <div @click="routeTo('clue')">View Now</div> </div> </div> <div v-else> <div class="module_title"> Congratulations </div> <div class="module_image"> <img :src="guideInfo.img"> </div> <div class="module_desc"> <p v-html="guideInfo.get"></p> </div> <div class="module_tips"> <p v-html="'('+ guideInfo.source +')'"></p> </div> <div class="module_btn"> <div v-if="guideInfo.type" @click="routeTo(guideInfo.type)">Go publish</div> </div> </div> </el-dialog> </div> <script src="/assets/js/UserDropdown/UserDropdown.js"></script> <script> let head_box = initVue({ name:'headBox', data() { return { showGuideDialog: false, guideInfo: {}, baseUserInfo: {}, currSite: 'overseas', currLanguage: 'en-us', locale: { 'label': 'English', 'value': 'en-us' }, languages: this.$config.languages, locales: this.$config.locales, notificationData: {}, successUrl: '', LoginDialogVisible: false, isAiChatBot: false } }, methods: { initAichatbotType() { if(location.origin === ai_chat_url) { this.isAiChatBot = true } else { this.isAiChatBot = false } }, updateUserInfo(data) { this.baseUserInfo = data }, routeTo(type) { this.showGuideDialog = false if (type && type === 'news') { this.routeCenter('/components/news') return } if (type && type === 'expo') { this.routeCenter('/components/activity') return } if (type && type === 'Live') { this.routeCenter('/components/live') return } if (type && type === 'achievement') { window.open('/achievement') return } if (type && type === 'clue') { this.routeCenter('/clue/clue-list') return } }, routeCenter(path) { let apiToken = this.$config.apiToken if (apiToken) { var homeUrl = encodeURIComponent(path) let centerUrl = this.$config.publishDomain + '/#/auth-login/' + apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } }, getGuidPerMissionData() { mtpRequest({ url: '/api/user/guide-permission', method: 'get', }).then(res => { this.guideInfo = res.data if (res.data.get) { this.showGuideDialog = true } }) let interval = setInterval(() => { if (!this.showGuideDialog) { clearInterval(interval) interval = null this.getGuidPerMissionData() } }, 10000) }, getNotificationData() { mtpRequest({ url: '/api/user/get-all-notification-data', method: 'get', }).then((res) => { if (res.ret === 0) { this.notificationData = res.data } }) }, handleLang(lang) { this.currSite = lang.site this.currLanguage = lang.value let url = this.$config.siteDomain[lang.site]+ '?lang=' + lang.value this.$i18n.setLocale(lang.value) location.href = url }, toNotification(url) { if (this.$config.apiToken) { window.open(url,'_blank') } else { this.LoginDialogVisible=true this.successUrl= url } }, toPublishRoute(url) { if (this.$config.apiToken) { var homeUrl = encodeURIComponent(url) let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { this.LoginDialogVisible=true this.successUrl='reloadPage' } }, closepopup(){ this.LoginDialogVisible = false this.successUrl='' }, toSearchPage(param) { const url = new URL(window.location.href) let pathname = url.pathname let pathnameArr = pathname.split('/') pathname = pathnameArr[1] if (param) { window.open('/globalSearch?val='+param + '&from=' + pathname,'_self') } else { window.open('/globalSearch?from=' + pathname,'_self') } }, toRoute(url) { if (location.search) { let params = location.search.replace('?','&') window.open( url + '?redirect=' + location.pathname + params,'_self') } else { window.open( url + '?redirect=' + location.pathname,'_self') } }, }, created() { this.locales.forEach(v => { if (v.value === this.$i18n.getLocale()) { this.locale = v return false } }) this.initAichatbotType() }, mounted() { this.$nextTick(()=>{ showLoginDialog((res)=>{ if (res) { this.successUrl = res } else { this.successUrl = 'closeLoginPopup' } this.LoginDialogVisible = true }) if (this.$config.apiToken) { this.getNotificationData() this.getGuidPerMissionData() } else { this.$loading.completeLoading() } document.getElementById('head_search').addEventListener('keyup',(event)=>{ if (event.keyCode === 13) { let val = document.getElementById('head_search').value if (val) { this.toSearchPage(val) } else { this.toSearchPage() } } }) }) }, }, "#headBox",['loginRight','mtpUserDropdown']); </script> </div> </div> <div class="body_container " id="app"> <div class="navbar_left" style="display: " > <div id="nav_container"> <a class="chat_gpt_box" href="/aichatbot"> <span class="gpt_i"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-jiqi"></use> </svg> </span> <span v-if="$config.siteName === 'inside'" class="gpt_title">AI大师</span> <span v-else class="gpt_title">AI Master</span> <span class="icon_list"> <i class="iconfont ic_fire"></i> <i class="iconfont ic_fire"></i> <i class="iconfont ic_fire"></i> </span> </a> <div class="nav_container" > <div class="nav_list"> <a class="nav_item" :class="moduleName === 'index' ? 'active' : '' " href="/"> <div class="iconfont_tag"><span class="iconfont ic_home"></span></div> <span>Home</span> </a> <a class="nav_item" :class="moduleName === 'news' ? 'active' : '' " href="/news"> <div class="iconfont_tag"> <span class="iconfont ic_news"></span> </div> <span>News</span> </a> <a class="nav_item" :class="moduleName === 'expo' ? 'active' : '' " href="/expo"> <div class="iconfont_tag"> <span class="iconfont ic_events"></span> </div> <span>Events & Fairs</span> </a> <a class="nav_item" :class="moduleName === 'business-travel' ? 'active' : '' " href="/business-travel"> <div class="iconfont_tag"> <span class="iconfont ic_expert"></span> </div> <span>Business travel</span> </a> <a class="nav_item" :class="moduleName === 'supply-demand' ? 'active' : '' " href="/supply-demand"> <div class="iconfont_tag"> <span class="iconfont ic_FunnelPlotOutlined"></span> </div> <span>Supply & Demand</span> </a> <a class="nav_item" href="/community/dynamic"> <div class="iconfont_tag"> <span class="iconfont ic_Community"></span> </div> <span>Community</span> </a> <a class="nav_item" href="https://www.starify.cn/" target="_blank"> <div class="iconfont_tag"> <span class="iconfont ic_Starify"></span> </div> <span>Marketing tools</span> </a> <a v-show="seeMore" class="nav_item" :class="moduleName === 'special' ? 'active' : '' " href="/community/topics"> <div class="iconfont_tag"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_thematic"></use> </svg> </div> <span>Topics</span> </a> <a v-show="seeMore" class="nav_item" :class="moduleName === 'group' ? 'active' : '' " href="/community/group"> <div class="iconfont_tag"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_group"></use> </svg> </div> <span>Group</span> </a> <div v-show="!seeMore" class="nav_item see_more" @click="handleSeeMore"> <div class="iconfont_tag"> <span class="iconfont ic_down_line"></span> </div> <span>See more</span> </div> <div v-show="seeMore" class="nav_item see_more" @click="handleSeeMore"> <div class="iconfont_tag"> <span class="iconfont ic_up"></span> </div> <span>fold</span> </div> <div class="divide_box"></div> <a class="nav_item" @click="toPublishRoute('/homepage')"> <div class="iconfont_tag"> <span class="iconfont ic_publish1"></span> </div> <span>Publishing Center</span> </a> <div class="divide_box"></div> <a class="nav_item" :class="moduleName === 'achievement' ? 'active' : '' " @click="toRouteWeb('/achievement')"> <div class="iconfont_tag"><span class="iconfont ic_honor"></span></div> <span>Exhibition record</span> </a> <a class="nav_item" :class="moduleName === 'order' ? 'active' : '' " @click="toRouteWeb('/order')"> <div class="iconfont_tag"> <span class="iconfont ic_order"></span> </div> <span>My order</span> </a> <a class="nav_item" :class="moduleName === 'userCenter' ? 'active' : '' " @click="toRouteWeb('/userCenter')"> <div class="iconfont_tag"> <span class="iconfont ic_collect"></span> </div> <span>My collection</span> </a> <a class="nav_item" :class="moduleName === 'column' ? 'active' : '' " @click="toRouteWeb('/column')"> <div class="iconfont_tag"> <span class="iconfont ic_column"></span> </div> <span>Column setting</span> </a> </div> </div> <div class="nav_btn_list"> <a class="nav_btn_item" @click="toRouteWeb('/achievement?show_create=1','open')"> <span> <div class="ic_honor1 iconfont"></div> Add exhibition plan now </span> </a> <a class="nav_btn_item" @click="toRouteWeb('/achievement?show_create=2','open')"> <span> <div class="ic_h1 iconfont"></div> Add exhibition records at any time </span> </a> <a class="nav_btn_item" href="/city-plan-form"> <span> <div class="ic_h1 iconfont"></div> City Affiliate programme </span> </a> </div> <div class="nav_image_list"> <a v-if="$i18n.getLocale() ==='en-us'" href="https://www.starify.cn/" target="_blank"><img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0712/6690c31879f19.png" class="invited_img"></a> <a v-else-if="$i18n.getLocale() ==='zh-tw'" href="https://www.starify.cn/" target="_blank"><img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0712/6690c317f1df5.png" class="invited_img"></a> <a v-else href="https://www.starify.cn/" target="_blank"><img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0712/6690c3175d81b.png" class="invited_img"></a> </div> </div> <script> let nav_container = initVue({ name:'nav_container', data() { return { isHoverNavbar:false, moduleName:'index', seeMore: false } }, methods:{ handleSeeMore() { if (this.seeMore === false) { this.seeMore = true } else { this.seeMore = false } }, getUrlParam() { if (window.location.pathname) { if (window.location.pathname.indexOf('index') > -1 || window.location.pathname === '/') { this.moduleName = 'index' } else if (window.location.pathname.indexOf('news') > -1) { this.moduleName = 'news' } else if (window.location.pathname.indexOf('expo') > -1) { this.moduleName = 'expo' } else if (window.location.pathname.indexOf('live') > -1) { this.moduleName = 'live' } else if(window.location.pathname.indexOf('achievement') > -1) { this.moduleName = 'achievement' } else if(window.location.pathname.indexOf('order') > -1) { this.moduleName = 'order' } else if(window.location.pathname.indexOf('userCenter') > -1) { this.moduleName = 'userCenter' } else if(window.location.pathname.indexOf('media') > -1) { this.moduleName = 'media' } else if(window.location.pathname.indexOf('supply-demand') > -1) { this.moduleName = 'supply-demand' }else if(window.location.pathname.indexOf('courses') > -1) { this.moduleName = 'courses' } else if(window.location.pathname.indexOf('column') > -1) { this.moduleName = 'column' } else if(window.location.pathname.indexOf('meeting-with-expert') > -1) { this.moduleName = 'meeting-with-expert' }else if(window.location.pathname.indexOf('servicefinder') > -1) { this.moduleName = 'servicefinder' }else if(window.location.pathname.indexOf('business-travel') > -1) { this.moduleName = 'business-travel' }else if(window.location.pathname.indexOf('shop-store') > -1) { this.moduleName = 'shop-store' }else if(window.location.pathname.indexOf('company') > -1) { this.moduleName = 'company' } else { this.moduleName = 'other' } } }, toRouteWeb(url,type) { if (url === '/invitation') { window.open(url,'_blank') return false } if (this.$config.apiToken) { if (type) { window.open(url,'_blank') } else { window.location.href = url } } else { $('#headBox').trigger('loginDialog',url) } }, toPublishRoute(url) { var homeUrl = encodeURIComponent(url) if (this.$config.apiToken) { let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { let centerUrl = this.$config.publishDomain + '/#/?redirect=' + homeUrl $('#headBox').trigger('loginDialog',centerUrl) } }, }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) }) this.getUrlParam() window.onscroll = ()=>{ if (window.scrollY > 0) { this.isHoverNavbar = true } else { this.isHoverNavbar = false } } } }, "#nav_container"); </script> </div> <div class="app_container"> <div style="display: none"> </div> <div class="news_container" id="news_container"> <div class="hot_news"> <div class="hot_news_head"> <div class="head_title">Hot search list</div> <span class="iconfont ic_fire"></span> <div class="date">Nov11 / Sat, 24 Saturday</div> </div> <div class="hot_news_body"> <div class="hot_news_list el-row"> <div class="el-col-8"> <a class="hot_news_item" href="https://www.ispo.com/en/munich" target="_blank"> <span class="number">1</span> <span class="hot_item_title">ISPO Munich</span> </a> <a class="hot_news_item" href="https://www.k-online.com/" target="_blank"> <span class="number">2</span> <span class="hot_item_title">K 2025</span> </a> </div> <div class="el-col-8"> <a class="hot_news_item" href="https://www.starify.cn/" target="_blank"> <span class="number">1</span> <span class="hot_item_title">Building Next Generation:Omni-channel Conversation Marketing Cloud</span> </a> <a class="hot_news_item" href="https://www.domotex.de/" target="_blank"> <span class="number">2</span> <span class="hot_item_title">DOMOTEX Germany</span> </a> </div> <div class="el-col-8"> <div class="ad_hot_news"> <div style="display: none"> 0 </div> <div class="ad_container ad_container_0"> <div class="ad_banner owl-carousel"> <div class="ad_list ad_hot_news_list ad_hot_news " data-url="https://www.matchexpo.com/expo-11298/domotex-asia-chinafloor-2023.html" data-id="38" data-name="ad_hot_news" > <div class="ad_item"> <div @click="$advertising.linkTo(38,'https://www.matchexpo.com/expo-11298/domotex-asia-chinafloor-2023.html')" class="ad_media"> <video src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0508/6458a061435ce.mp4" loop="loop" autoplay="autoplay" muted></video> </div> <div class="close_tag"> Advertising <i class="iconfont ic_closeC" @click="$advertising.closeAd('ad_hot_news')"></i> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="hot_news_bottom"> <div class="hot_news_bottom_list"> <div class="hot_news_bottom_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#ic_Dashboard"></use> </svg> Optimize delivery and fast locking </div> <div class="hot_news_bottom_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#ic_Fund"></use> </svg> Content promotion helps exposure </div> <div class="hot_news_bottom_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#ic_Trademark"></use> </svg> Target customers and improve performance </div> </div> <div class="hot_news_bottom_option"> <a :href="'/contact-us'">Want to be on the list? contact us</a> <div class="option_btn" @click="createNews('/components/news')">Release Enterprise News</div> </div> </div> </div> <div class="search_box" id="search_box"> <div class="showColumn" @click="showColumnDialog()"> <span class="iconfont ic_Menu"></span> </div> <div class="column"> <div class="column_list"> <div @click="searchList(-2)" :class="listParams.column_id == -2 ? 'column_item active' : 'column_item'">Elite</div> <div @click="searchList(-1)" :class="listParams.column_id == -1 ? 'column_item active' : 'column_item'">Hotspot</div> <div :class="listParams.column_id == 11 ? 'column_item active' : 'column_item'" data-id="11" @click="searchList(11)">IC</div> <div :class="listParams.column_id == 72 ? 'column_item active' : 'column_item'" data-id="72" @click="searchList(72)">Construction</div> <div :class="listParams.column_id == 73 ? 'column_item active' : 'column_item'" data-id="73" @click="searchList(73)">Automotive</div> <div :class="listParams.column_id == 74 ? 'column_item active' : 'column_item'" data-id="74" @click="searchList(74)">Plastics & Rubber</div> <div :class="listParams.column_id == 78 ? 'column_item active' : 'column_item'" data-id="78" @click="searchList(78)">Education</div> <div :class="listParams.column_id == 79 ? 'column_item active' : 'column_item'" data-id="79" @click="searchList(79)">AI</div> <div :class="listParams.column_id == 80 ? 'column_item active' : 'column_item'" data-id="80" @click="searchList(80)">Retail</div> <div :class="listParams.column_id == 81 ? 'column_item active' : 'column_item'" data-id="81" @click="searchList(81)">IOT</div> <div :class="listParams.column_id == 82 ? 'column_item active' : 'column_item'" data-id="82" @click="searchList(82)">Communication</div> <div :class="listParams.column_id == 84 ? 'column_item active' : 'column_item'" data-id="84" @click="searchList(84)">Machinery</div> <div :class="listParams.column_id == 85 ? 'column_item active' : 'column_item'" data-id="85" @click="searchList(85)">Chemicals</div> <div :class="listParams.column_id == 88 ? 'column_item active' : 'column_item'" data-id="88" @click="searchList(88)">Office stationery</div> <div :class="listParams.column_id == 89 ? 'column_item active' : 'column_item'" data-id="89" @click="searchList(89)">Audio-Visual</div> <div :class="listParams.column_id == 90 ? 'column_item active' : 'column_item'" data-id="90" @click="searchList(90)">Watches & Clock</div> <div :class="listParams.column_id == 91 ? 'column_item active' : 'column_item'" data-id="91" @click="searchList(91)">Beauty & Comestics</div> <div :class="listParams.column_id == 92 ? 'column_item active' : 'column_item'" data-id="92" @click="searchList(92)">Outdoor</div> <div :class="listParams.column_id == 69 ? 'column_item active' : 'column_item'" data-id="69" @click="searchList(69)">Logistics</div> <div :class="listParams.column_id == 67 ? 'column_item active' : 'column_item'" data-id="67" @click="searchList(67)">Water</div> <div :class="listParams.column_id == 21 ? 'column_item active' : 'column_item'" data-id="21" @click="searchList(21)">Smart Home</div> <div :class="listParams.column_id == 29 ? 'column_item active' : 'column_item'" data-id="29" @click="searchList(29)">Workplace Education</div> <div :class="listParams.column_id == 32 ? 'column_item active' : 'column_item'" data-id="32" @click="searchList(32)">Crafts</div> <div :class="listParams.column_id == 35 ? 'column_item active' : 'column_item'" data-id="35" @click="searchList(35)">Semiconductor</div> <div :class="listParams.column_id == 42 ? 'column_item active' : 'column_item'" data-id="42" @click="searchList(42)">Raw Material</div> <div :class="listParams.column_id == 45 ? 'column_item active' : 'column_item'" data-id="45" @click="searchList(45)">Packaging</div> <div :class="listParams.column_id == 49 ? 'column_item active' : 'column_item'" data-id="49" @click="searchList(49)">Pet</div> <div :class="listParams.column_id == 51 ? 'column_item active' : 'column_item'" data-id="51" @click="searchList(51)">Healthcare</div> <div :class="listParams.column_id == 52 ? 'column_item active' : 'column_item'" data-id="52" @click="searchList(52)">Baby, Kid & Materinity</div> <div :class="listParams.column_id == 53 ? 'column_item active' : 'column_item'" data-id="53" @click="searchList(53)">Food</div> <div :class="listParams.column_id == 56 ? 'column_item active' : 'column_item'" data-id="56" @click="searchList(56)">Tire</div> <div :class="listParams.column_id == 59 ? 'column_item active' : 'column_item'" data-id="59" @click="searchList(59)">Construction Machinery</div> <div :class="listParams.column_id == 60 ? 'column_item active' : 'column_item'" data-id="60" @click="searchList(60)">Mold</div> <div :class="listParams.column_id == 65 ? 'column_item active' : 'column_item'" data-id="65" @click="searchList(65)">Coat</div> <div :class="listParams.column_id == 66 ? 'column_item active' : 'column_item'" data-id="66" @click="searchList(66)">Environment</div> <div :class="listParams.column_id == 93 ? 'column_item active' : 'column_item'" data-id="93" @click="searchList(93)">Oil & Gas</div> </div> <div class="show_more" @click="$column.showMoreColumn()">More <i class="iconfont ic_down"></i></div> </div> <div class="column_dialog"> <el-dialog v-model="dialogVisible" title="Column management" width="50%" > <mtp-column ref="columnDialog" :column-type="columnType"></mtp-column> <template #footer> <span class="dialog-footer"> <el-button @click="dialogVisible = false" round>Cancel</el-button> <el-button type="primary" @click="columnSave()" round>Submit</el-button> </span> </template> </el-dialog> </div> </div> <div class="el-empty" style="width: 100%; display: none" v-show="emptyIndex"> <div class="el-empty__image" style="width: 120px; height: 120px"><image src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815e9f218.png"></image> </div> <div class="el-empty__bottom">No results found</div> <div class="el-empty__description"> <p>Try another keyword?</p> </div> </div> <div class="news_list_box" v-loading="listLoading" id="news_list_box"> <div class="news_list_head"> <div class="news_head_list"> <a class="news_item" href="https://capi.matchexpo.com/news/141-Best-Food-slogans-Tagline-ideas-to-market-Yourself.html" target="_self"> <img loading="lazy" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c688777caf8.jpg?x-image-process=image/resize,m_lfit,h_452,w_805" onerror="this.src= '/assets/image/img_default.svg'"> <div class="news_item_m_box"> <div class="news_title">141 Best Food slogans & Tagline ideas to market Yourself</div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/GoodMills-Innovation-to-highlight-portfolio-of-vegetable-flours-at-Snackex.html" target="_self"> <img loading="lazy" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7c2d502389.png?x-image-process=image/resize,m_lfit,h_452,w_805" onerror="this.src= '/assets/image/img_default.svg'"> <div class="news_item_m_box"> <div class="news_title">GoodMills Innovation to highlight portfolio of vegetable flours at Snackex</div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/LA-Starbucks-Now-Feature-Dream-Pops-3D-Printed-Ice-Cream.html" target="_self"> <img loading="lazy" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c687354e0f1.png?x-image-process=image/resize,m_lfit,h_452,w_805" onerror="this.src= '/assets/image/img_default.svg'"> <div class="news_item_m_box"> <div class="news_title">LA Starbucks Now Feature Dream Pops 3D Printed Ice Cream</div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Tofu-Tasty-re-imagines-ancient-Asian-staple-ingredient-for-a-modern-audience.html" target="_self"> <img loading="lazy" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7c36c62fcf.png?x-image-process=image/resize,m_lfit,h_452,w_805" onerror="this.src= '/assets/image/img_default.svg'"> <div class="news_item_m_box"> <div class="news_title">Tofu Tasty re-imagines ancient Asian staple ingredient for a modern audience</div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Paper-Packaging-s-Popularity-is-Evident.html" target="_self"> <img loading="lazy" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c79e1188983.png?x-image-process=image/resize,m_lfit,h_452,w_805" onerror="this.src= '/assets/image/img_default.svg'"> <div class="news_item_m_box"> <div class="news_title">Paper Packaging’s Popularity is Evident</div> </div> </a> </div> <div style="display: none"> 0 </div> <div class="ad_container ad_container_0"> <div class="ad_list expo_index ad_news_index " data-url="https://www.sediver.com/news/transmission-line-resiliency/" data-id="67" data-name="ad_news_index" > <div class="ad_item"> <div @click="$advertising.linkTo(67,'https://www.sediver.com/news/transmission-line-resiliency/')" class="ad_media"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0607/64803fd840530.png" src=""> </div> <div class="close_tag"> Advertising <i class="iconfont ic_closeC" @click="$advertising.closeAd('ad_news_index')"></i> </div> </div> </div> </div> </div> <div class="news_list_body" id="newsPageNewsListBody"> <div class="news_list" data-page="190"> <a class="news_item" href="https://capi.matchexpo.com/news/Holding-the-Line-on-Food-Loss.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7a60a18ef6.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">Holding the Line on Food Loss</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>11,963</div> <div><span class="iconfont ic_like"></span>1,112</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/‘Disappointing-white-paper-‘misses-mark-says-Food-Foundation.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7aa5f98cbd.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">‘Disappointing’ white paper ‘misses mark’, says Food Foundation</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>11,626</div> <div><span class="iconfont ic_like"></span>1,172</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/The-FDF-releases-new-strategy-to-boost-trade-negotiations.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7c21d58891.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">The FDF releases new strategy to boost trade negotiations</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>12,567</div> <div><span class="iconfont ic_like"></span>838</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Packaging-Possibilities-Inside-Absolut-s-Paper-Bottle-2-0.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7a0428b562.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">Packaging Possibilities: Inside Absolut’s Paper Bottle 2.0</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>11,952</div> <div><span class="iconfont ic_like"></span>987</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Outdoor-cooking-boomed-during-the-pandemic-and-Weber-Traeger-and-the-grill.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c68bf53035d.jpeg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/9ace70752ec3ab316eaa2d4e178c3994.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> European Foods </div> <div class="news_title">Outdoor cooking boomed during the pandemic, and Weber, Traeger and the grill</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>11,899</div> <div><span class="iconfont ic_like"></span>991</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Swedish-Municipalities-Look-to-3D-Printed-Food-For-the-Elderly.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c685f364d66.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/3d7179c3e5aa6939bf18f5788dc967a2.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food Live </div> <div class="news_title">Swedish Municipalities Look to 3D Printed Food For the Elderly</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>12,27</div> <div><span class="iconfont ic_like"></span>861</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Guide-to-Printing-Food-Safe-Plastic-Products.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c6855774620.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/3d7179c3e5aa6939bf18f5788dc967a2.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food Live </div> <div class="news_title">Guide to Printing Food-Safe Plastic Products</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>12,333</div> <div><span class="iconfont ic_like"></span>794</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Cowpea-Leaves-Help-Fight-Malnutrition.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7a63593639.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">Cowpea Leaves Help Fight Malnutrition</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>11,715</div> <div><span class="iconfont ic_like"></span>803</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/The-Two-Big-Underlying-Problems-Facing-‘Big-Food.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c6803956b3e.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/97e4b9a3b1e159a9489623226bbdfb2b.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food News </div> <div class="news_title">The Two Big Underlying Problems Facing ‘Big Food’</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>9,687</div> <div><span class="iconfont ic_like"></span>1,634</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/爱色丽一站式智能测配色技术,为纺织供应链颜色数据沟通赋能.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0331/62450d1c71f14.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0123/61ed0456576e9.jpg" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> 科技制造新闻 </div> <div class="news_title">爱色丽一站式智能测配色技术,为纺织供应链颜色数据沟通赋能</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>13,731</div> <div><span class="iconfont ic_like"></span>354</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Leon-launches-plant-based-partnership-with-Heura.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7a9e6378c8.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">Leon launches plant-based partnership with Heura</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>11,181</div> <div><span class="iconfont ic_like"></span>720</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Plant-Based-and-Cell-Based-Protein-Boom-Opportunities-Across-the-F-B-Value.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c67f13cd93d.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/97e4b9a3b1e159a9489623226bbdfb2b.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food News </div> <div class="news_title">Plant-Based and Cell-Based Protein Boom: Opportunities Across the F&B Value</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>10,674</div> <div><span class="iconfont ic_like"></span>848</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/COVID-19-Impact-on-the-Retail-Food-and-Beverage-Part-II-–-The-Shift-to-In-Ho.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c67fabcbda4.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/97e4b9a3b1e159a9489623226bbdfb2b.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food News </div> <div class="news_title">COVID-19 Impact on the Retail Food and Beverage Part II – The Shift to In-Ho</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>9,573</div> <div><span class="iconfont ic_like"></span>1,17</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Schoolchildren-display-concerning-lack-of-knowledge-about-the-nutritional-co.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0708/62c7ab9f369da.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/d6c72f970e5c51bde858b66a1879eb01.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> American Foods </div> <div class="news_title">Schoolchildren display concerning lack of knowledge about the nutritional co</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>10,758</div> <div><span class="iconfont ic_like"></span>705</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/佳能推出户外4K摄控一体机新品CR-X500和CR-X300.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1202/61a877cdaeeb1.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/57a858160d8f189358051fb8ca744035.jpg" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Canon </div> <div class="news_title">佳能推出户外4K摄控一体机新品CR-X500和CR-X300</div> <div class="news_desc"> <div class="news_time">3 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,696</div> <div><span class="iconfont ic_like"></span>1,136</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/顾家家居官宣欧阳娜娜成为品牌大使,一起携手续写青年态度.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0427/62691b4271653.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/b55098456424971697ae3cc1c4a28967.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Home News </div> <div class="news_title">顾家家居官宣欧阳娜娜成为品牌大使,一起携手续写青年态度</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,837</div> <div><span class="iconfont ic_like"></span>1,051</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/CCE-2022-深圳国际清洁技术与设备博览会全面开启.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0426/62678fddd36f8.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0209/620329e2bac00.jpg" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> 会展资讯 </div> <div class="news_title">CCE 2022 深圳国际清洁技术与设备博览会全面开启</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,716</div> <div><span class="iconfont ic_like"></span>959</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/pg633fdeac02bae.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0923/632d542146aaa.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/16d0bea84c69cd54fb19930546a64bb7.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Beauty World </div> <div class="news_title">Quinta Brunson Is Partnering With OLAY to Bring “Real Reople” Back</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,371</div> <div><span class="iconfont ic_like"></span>1,063</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/pg633fdea44b6d6.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/32fff41d76adb0677ca02e1d5dbad6da.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/accaa139579fb882b837f829884e6f36.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Toy Information </div> <div class="news_title">全球首发!达菲新朋友 -- 小狐狸玲娜贝儿将于9月29日亮相上海迪士尼度假区</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,225</div> <div><span class="iconfont ic_like"></span>1,116</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/伊利印尼乳业生产基地投产-刷新中国乳业在东南亚投资纪录.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1211/61b4ab9390604.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/c4a6494817572ec1d26c847adf668805.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food World </div> <div class="news_title">伊利印尼乳业生产基地投产 刷新中国乳业在东南亚投资纪录</div> <div class="news_desc"> <div class="news_time">3 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>7,46</div> <div><span class="iconfont ic_like"></span>1,567</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/28台赛车强手如云,佳通轮胎惊艳亚洲区域方程式锦标赛.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0223/6215d857245bf.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/b6b968f4f952db4f47efff17f2d49c47.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Automotive News </div> <div class="news_title">28台赛车强手如云,佳通轮胎惊艳亚洲区域方程式锦标赛</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>7,693</div> <div><span class="iconfont ic_like"></span>1,343</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/capitaland-awards-10-winners-of-its-sustainability-x-challenge-2023-with-up-to-s-1-million-funding-to-pilot-their-innovations-at-its-properties-worldwide.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1115/65545ac08033e.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1217/61bc5896cb996.jpg" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> 建材世界 </div> <div class="news_title">CapitaLand awards 10 winners of its Sustainability X Challenge 2023 with up to S$1 million funding to pilot their innovations at its properties worldwide</div> <div class="news_desc"> <div class="news_time">1 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,269</div> <div><span class="iconfont ic_like"></span>995</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/专业团操教练赛事莱美THE-ONE-2021成功举办.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1130/61a5bfa17b4a1.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/52720fe1c1abaf3fbe7937d63ae00b62.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Outdoor Channel </div> <div class="news_title">专业团操教练赛事莱美THE ONE 2021成功举办</div> <div class="news_desc"> <div class="news_time">3 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>7,334</div> <div><span class="iconfont ic_like"></span>1,555</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/COVID-19-Impact-on-the-Foodservice-Industry-Part-I-—-the-Great-Channel-Diver.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0707/62c6812eed330.png?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/97e4b9a3b1e159a9489623226bbdfb2b.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Food News </div> <div class="news_title">COVID-19 Impact on the Foodservice Industry Part I — the Great Channel Diver</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>9,183</div> <div><span class="iconfont ic_like"></span>594</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/小红书投资积木玩具品牌,泡泡玛特子品牌扶持新锐设计师,抖音对标小.html" target="_self"> <div class="news_item_body"> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/a25f21eb456b3847236f1f6ccb05f111.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Toy Channel </div> <div class="news_title">小红书投资积木玩具品牌,泡泡玛特子品牌扶持新锐设计师,抖音对标小</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>7,698</div> <div><span class="iconfont ic_like"></span>1,193</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/地平线征程5获一汽红旗定点,国产百TOPS大算力芯片量产时代加速到来.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0517/6283503f038a5.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/e74c5976a2ce98815d8efed1d12339f0.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Automotive Design </div> <div class="news_title">地平线征程5获一汽红旗定点,国产百TOPS大算力芯片量产时代加速到来</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,57</div> <div><span class="iconfont ic_like"></span>765</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/Whoo后天气丹花献紧颜细致精华露于天猫小黑盒首发上市.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0429/626bd0b0b33de.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/f150a4b536c182ee8c03c0960ffd268f.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Beauty Channel </div> <div class="news_title">Whoo后天气丹花献紧颜细致精华露于天猫小黑盒首发上市</div> <div class="news_desc"> <div class="news_time">2 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,607</div> <div><span class="iconfont ic_like"></span>743</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <a class="news_item" href="https://capi.matchexpo.com/news/teknor-apex-announces-new-eco-conscious-monprene-tpe-with-35-sustainable-content-developed-in-partnership-with-ubq-materials.html" target="_self"> <div class="news_item_body"> <div class="news_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0206/63e057b2859de.jpg?x-image-process=image/resize,m_lfit,h_214,w_382" onerror="this.src= '/assets/image/img_default.svg'"> </div> <div class="news_info"> <div class="news_author"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/3beedc8797c9d48b50b8beabced9b131.png" src="" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> Plastic News </div> <div class="news_title">Teknor Apex Announces New Eco-Conscious Monprene® TPE with 35% sustainable content developed in Partnership with UBQ Materials</div> <div class="news_desc"> <div class="news_time">1 Last year</div> <div class="news_status"> <div><span class="iconfont ic_view"></span>8,43</div> <div><span class="iconfont ic_like"></span>776</div> <!-- <div><span class="iconfont ic_mes"></span>0</div>--> </div> </div> </div> </div> </a> <div class="news_item ad_news_list_item"> <div style="display: none"> 0 </div> <div class="ad_container ad_container_0"> <div class="ad_list expo_ad_list news_ad_list_1 " data-url="http://www.unilumin.com/" data-id="87" data-name="news_ad_list_1" > <div class="ad_item"> <div @click="$advertising.linkTo(87,'http://www.unilumin.com/')" class="ad_media"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0824/64e74671911bd.jpg" src=""> </div> <div class="close_tag"> Advertising <i class="iconfont ic_closeC" @click="$advertising.closeAd('news_ad_list_1')"></i> </div> <div class="ad_item_info"> <div class="ad_title">Together, for a brighter future</div> <div class="ad_desc">Unilumin provides world-class LED displays and solutions for control room, and so on</div> <div class="ad_author"> <div class="ad_author_left"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0824/64e7485024aab.jpg" src=""> <span>洲明</span> </div> <div @click="$advertising.linkTo(87,'http://www.unilumin.com/')" class="ad_author_right"> Learn more > </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="load_more_box" v-show="unEmptyIndex"> <div class="load_more_btn" v-loading="blogListLoading" @click="getBlogList">Load more</div> <div class="null" style="display: none;">No more</div> </div> </div> </div> <div class="navbar_right" style="display: " > <div class="right_navbar_container" id="right_navbar_container"> <div class="navbar_list"> <el-popover popper-class="right_nav_item" placement="left" :width="100" trigger="click"> <template #reference> <div class="navbar_item"> <el-tooltip class="item" effect="dark" placement="left-start"> <template #content>Matchexporen service number, scan it</template> <span class="iconfont ic_servise"></span> </el-tooltip> </div> </template> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ddd9af.png" src=""> <span style="color: var(--font-color-third); font-size: 12px; display: block; text-align: center">Matchexporen service number, scan it</span> </el-popover> <el-popover popper-class="right_nav_item" placement="left" :width="100" trigger="click"> <template #reference> <div class="navbar_item"> <el-tooltip class="item" effect="dark" placement="left-start"> <template #content>Global exhibition registration: add official account</template> <span class="iconfont ic_Qrcode"></span> </el-tooltip> </div> </template> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8161532ac.png" src=""> <span style="color: var(--font-color-third); font-size: 12px; display: block; text-align: center">Global exhibition registration: add official account</span> </el-popover> <div class="navbar_item" @click="showFeedback"> <el-tooltip class="item" effect="dark" content="If you find any problems, please let us know." placement="left-start"> <span class="iconfont ic_opinion"></span> </el-tooltip> </div> <div class="navbar_item" @click="scrollToTop"> <span class="iconfont ic_top"></span> </div> </div> <div class="feedback_dialog"> <el-dialog :append-to-body="true" v-model="dialogVisible" title="Feedback" width="40%" > <div class="feedback_dialog_line"> <el-form ref="feedback" :model="feedback" :rules="feedbackRules" label-width="180px"> <el-form-item label="User:"> <el-input v-model="feedback.user_name" :maxlength="50" show-word-limit placeholder="Please enter your name"> </el-input> </el-form-item> <el-form-item label="Corporate name:"> <el-input v-model="feedback.company_name" :maxlength="100" show-word-limit placeholder="Please enter your company name"> </el-input> </el-form-item> <el-form-item label="Email:" prop="email" required> <el-input v-model="feedback.email" placeholder="Please enter your email address"> </el-input> </el-form-item> <el-form-item label="Description:" prop="content" required> <el-input v-model="feedback.content" :rows="4" :maxlength="240" show-word-limit type="textarea" placeholder="Please enter your suggestion"> </el-input> </el-form-item> <el-form-item labe="Image" prop="pic"> <el-upload :class="{disabled:isFeedbackPicMax}" :action="img_upload_url" :headers="upload_params" list-type="picture-card" multiple :limit="3" :on-success="handleSuccess" :before-upload="beforeAvatarUpload" :on-remove="handleRemove" :on-change="handleChange"> <div class="el-upload__text">Upload screenshot</div> </el-upload> </el-form-item> </el-form> </div> <template #footer> <span class="dialog-footer"> <el-button @click="dialogVisible = false" round>Cancel</el-button> <el-button type="primary" @click="submitFeedback()" v-loading="saveLoading" round>Submit</el-button> </span> </template> </el-dialog> </div> </div> <script> let right_navbar_container = initVue({ name:'right_navbar_container', data() { const valiEmail = (rule, value, callback) => { // 邮箱验证 if (!isEmail(value)) { callback(new Error('The email format is incorrect. Please enter the correct email')) } else { callback() } } return { isFeedbackPicMax: false, dialogVisible:false, feedbackPicDialogVisible:false, feedbackValue:'', saveLoading:false, img_upload_url: this.$config.uploadUrl, upload_params: { 'api-token': this.$config.apiToken, }, dialogImageUrl: '', feedback: { content: '', user_name: '', company_name: '', email: '', pic: [] }, feedbackRules :{ content: [ { required: true, message: 'Please enter your suggestion', trigger: 'blur', }, ], email: [ { required: true, message: 'Please enter your email address', trigger: 'blur', }, { validator: valiEmail, trigger: ['blur', 'change'], }, ] }, baseUserInfo: {}, } }, methods:{ scrollToTop() { window.scrollTo(0,1000) }, submitFeedback() { this.$refs.feedback.validate(valid => { if (valid) { let params = this.feedback this.saveLoading = true mtpRequest({ url:'/api/user/feedback', method: 'post', data:params }).then(res=>{ if (res.ret === 0) { this.saveLoading = false this.$message.success('Feedback submitted successfully') this.dialogVisible = false } }).finally(() => { this.saveLoading = false }) } else { return false } }) }, showFeedback() { if (this.$config.apiToken) { this.dialogVisible = true } else { $('#headBox').trigger('loginDialog','reloadPage') } }, getUserInfo() { this.$nextTick(()=>{ //获取用户信息 getHeadUserInfo((res)=>{ this.baseUserInfo = res this.feedback.user_name = res.nick_name this.feedback.company_name = res.curr_enterprise_name this.feedback.email = res.email }) }) /*mtpRequest({ url: '/api/user/base-account', method: 'post', }).then(res=>{ this.baseUserInfo = res.data this.feedback.user_name = res.data.nick_name this.feedback.company_name = res.data.curr_enterprise_name this.feedback.email = res.data.email })*/ }, CutFeedbackValue(){ this.feedbackValue=this.$utils.cutByte(this.feedbackValue,240,'') }, handleRemove(file, fileList) { const index = this.feedback.pic.indexOf(file.file) this.feedback.pic.splice(index, 1) if (fileList.length < 3) { this.isFeedbackPicMax = false } }, handleSuccess(response) { this.feedback.pic.push(response.file) }, handleChange(file, fileList) { if (fileList.length >= 3) { this.isFeedbackPicMax = true } }, beforeAvatarUpload(file) { const isImage = /^image\/.*$/.test(file.type) const isLt2M = file.size / 1024 / 1024 < 2 if (!isImage) { this.$message.error('Image format error') } if (!isLt2M && isImage) { this.$message.error('Image size cannot exceed 2M') } return isImage && isLt2M } }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) }) this.getUserInfo() }, },"#right_navbar_container"); </script> </div> </div> <div> <div style=""> <div id="bottom_container"> <div class="bottom_head"></div> <div class="bottom" > <div class="bottom_main"> <div class="bottom_left"> <a class="bottom_logo" href="/"> <svg class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> </a> <div class="bottom_desc"> Matchexpo is an exhibition community platform for event & fair community in China, serving the essential functions of exhibitions, events, fairs, assisting ticket sales, visitor registration and booth reservation, allowing organizers to create, share, find and participate in activities, creating community space for organizers and exhibitors, finding their partners and helping them expand<br> </div> </div> <div class="bottom_center"> <div class="bottom_list"> <div class="bottom_line"> <a class="bottom_item" href="/contact-us">Contact Us</a> <a class="bottom_item" href="/user-agreement">User Agreement</a> <a class="bottom_item" href="/about-us">About Us</a> <a class="bottom_item" href="/price">Member Price</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/copyright-notice">Copyright notice</a> <a class="bottom_item" href="/privacy-policy">Privacy Policy</a> <a class="bottom_item" href="/our-mission">Our Mission</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/certification-specification">Certification specification</a> <a class="bottom_item" :href="helpUrl">Help Center</a> <a class="bottom_item" href="/advertisement">Advertising cooperation</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/integrity-report">Integrity Report</a> <a class="bottom_item" href="/cooperative-partner">Cooperative partners</a> <a class="bottom_item" href="/link">Links</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/channel">Channel Cooperation</a> <div class="bottom_item" @click="toHomepage('/certification/enterprise')">Enterprise certification</div> <a class="bottom_item" href="/invitation">Invite friends</a> </div> </div> </div> <div class="bottom_right"> <div class="bottom_qrcode_list"> <div class="bottom_qrcode"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8161532ac.png"> <span>Follow official account</span> </div> <div class="bottom_qrcode"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ddd9af.png" src=""> <span>Online support</span> </div> </div> <div class="platform_list"> <div class="platform_item" style="background:#1877F2"> <i class="iconfont ic_facebook1" ></i> </div> <div class="platform_item" style="background:#1DA1F2"> <i class="iconfont ic_twitter1"></i> </div> <div class="platform_item" style="background: #2867B2"> <i class="iconfont ic_linkedin1"></i> </div> <div class="platform_item" style="background: #FF0000"> <i class="iconfont ic_youtube" ></i> </div> <div class="platform_item" style="background: #F00073"> <i class="iconfont ic_instagram"></i> </div> <div class="platform_item" style="background: #E60023"> <i class="iconfont ic_pinterest1" ></i> </div> </div> </div> </div> </div> <div class="bottom_text"> <div> <span>Matchexpo: Event Marketing Platform </span> <span @click="handleLang('overseas', 'en-us')">International</span> - <span @click="handleLang('overseas', 'zh-tw')">Chinese Traditional</span> - <span @click="handleLang('inside', 'zh-cn')">Chinese Simplified</span> </div> | <a href="https://www.matchpages.cn/" target="_blank"> <span>Matchpages Web Builder</span> </a> | <a href="https://www.starify.cn/" target="_blank"> <span>Starify omni-Channel Chatbot</span> </a> </div> <div class="copyright"> 2019-2022。 Matchexpo | Wuhan Matchexpo Technology Co., Ltd. All rights reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8153bd984.png" /> <span style="margin-right: 4px">鄂ICP备2022017323号 </span> </a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502006493" target="_blank"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d812ede0c6.gif" class="icon_public_security" /> <span>鄂公网安备 42018502006493</span> </a> <div> Room 03, Floor 3, Building 4, Gezhouba Sun City, No. 40, Gaoxin 4th Road, Donghu New Technology Development Zone, Wuhan </div> </div> <script src="https://oss.starify.cn/prod/starigy/w_chat/install/js/5fd0a346-23e4-8052-fd6c-999f94c6f1b4.js" async></script> <div style="display: none"> <el-menu :default-active="activeIndex" :collapse="isCollapse" class="el-menu-vertical-demo"> <el-sub-menu index="Enterprise Certification4"> <template #title> <span>Enterprise Certification</span> </template> <el-menu-item index="Modify certification9" data-route="https://capi.matchexpo.com/help/modify-certification.html" @click="routeTo('https://capi.matchexpo.com/help/modify-certification.html')"> Modify certification </el-menu-item> <el-menu-item index="Certification fee8" data-route="https://capi.matchexpo.com/help/certification-fee.html" @click="routeTo('https://capi.matchexpo.com/help/certification-fee.html')"> Certification fee </el-menu-item> <el-menu-item index="Certification method7" data-route="https://capi.matchexpo.com/help/certification-method.html" @click="routeTo('https://capi.matchexpo.com/help/certification-method.html')"> Certification method </el-menu-item> <el-menu-item index="Certification conditions6" data-route="https://capi.matchexpo.com/help/certification-conditions.html" @click="routeTo('https://capi.matchexpo.com/help/certification-conditions.html')"> Certification conditions </el-menu-item> <el-menu-item index="Certification naming5" data-route="https://capi.matchexpo.com/help/certification-naming.html" @click="routeTo('https://capi.matchexpo.com/help/certification-naming.html')"> Certification naming </el-menu-item> <el-menu-item index="Certification introduction4" data-route="https://capi.matchexpo.com/help/certification-introduction.html" @click="routeTo('https://capi.matchexpo.com/help/certification-introduction.html')"> Certification introduction </el-menu-item> </el-sub-menu> </el-menu> </div> </div> <script> let bottom_container = initVue({ name:'bottomContainer', data() { return { url:'', helpUrl:'' } }, methods: { getHelpUrl() { this.$nextTick(()=>{ let list = document.querySelectorAll('#bottom_container .el-menu-item') let arr = [] list.forEach(item=>{ if (item.getAttribute('data-route')) { arr.push(item.getAttribute('data-route')) } }) if (arr.length > 0) { this.helpUrl = arr[0] } else { this.helpUrl = '/help' } }) }, toBottomPage(url) { window.open('/bottom#' + url,'_self') }, toHomepage(url) { var homeUrl = encodeURIComponent(url) if (this.$config.apiToken) { let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { let centerUrl = this.$config.publishDomain + '?redirect=' + homeUrl $('#headBox').trigger('loginDialog',centerUrl) } }, handleLang(site, value) { let url = this.$config.siteDomain[site]+ '?lang=' + value this.$i18n.setLocale(value) location.href = url } }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) this.getHelpUrl() }) }, }, "#bottom_container"); </script> </div> </div> </div> <script> //移除loading效果 let loading_box = document.getElementById("loadingBox") function completeLoading() { if (loading_box) { loading_box.style.opacity = '0'; setTimeout(() => { if (document.querySelector('.container_body')) { document.querySelector('.container_body').style.opacity = '1'; } document.getElementById("loadingBox").style.display = "none"; }, 400) } } //初始化loading效果 function initLoading() { document.getElementById("loadingBox").style.display = ""; document.getElementById("loadingBox").style.opacity = '1'; } $(() => { setTimeout(() => { lazyload() }, 100) document.addEventListener('scroll', () => { lazyload() }, {passive: true}) setInterval(() => { lazyload() }, 1000) function lazyload() { var viewHeight = document.body.clientHeight //可视区域的高度 //获取所有要进行懒加载的图片 const lazyloadImg = document.querySelectorAll('img[data-original][lazyload]') lazyloadImg.forEach(item => { let rect = item.getBoundingClientRect()//获取每一个img元素的宽高以及距离视口顶部的距离 if (rect.top <= viewHeight && rect.top > -rect.height) { item.src = item.dataset.original item.removeAttribute('data-original') item.removeAttribute('lazyload') if (!item.onerror) { item.onerror = () => { item.src = '/assets/image/img_default.svg' } } item.style.opacity = 1 } }) } }) function getActiveTag() { let tag = document.querySelector('.active_tag') let tag_index = 0 document.querySelectorAll('.left_nav_list .nav_item').forEach((item, index) => { if (JSON.stringify(item.classList).indexOf('active') > -1) { tag_index = index } }) if (document.querySelector('.left_nav_list .active')) { let top = document.querySelector('.left_nav_list .active').offsetTop tag.style.top = parseInt(top) + 'px' tag.style.opacity = 1 } } /*判断是否禁用cookie*/ if (!(navigator.cookieEnabled && typeof window.localStorage !== 'undefined')) { ElementPlus.ElMessage({ message: 'Please allow all cookies in your browser settings and try again', type: 'warning', }) } /*获取站点*/ function returnSiteName() { window.siteName = 'overseas'; return 'overseas' } returnSiteName() /*数字转中文*/ function NumberToChinese(num) { var chnNumChar = ['Zero', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine']; var chnUnitSection = ['', '0k', 'Billion', 'Trillion', 'Billion'] var chnUnitChar = ['', 'Ten', 'Hundred', 'Thousand'] function SectionToChinese(section) { // 节内转换算法 var strIns = '', chnStr = ''; var unitPos = 0; var zero = true; while (section > 0) { var v = section % 10; if (v === 0) { if (!zero) { zero = true; chnStr = chnNumChar[v] + chnStr; } } else { zero = false; strIns = chnNumChar[v]; strIns += chnUnitChar[unitPos]; chnStr = strIns + chnStr; } unitPos++; section = Math.floor(section / 10); } return chnStr; } // 转换算法主函数 var unitPos = 0; var strIns = '', chnStr = ''; var needZero = false; if (num === 0) { return chnNumChar[0]; } while (num > 0) { var section = num % 10000; if (needZero) { chnStr = chnNumChar[0] + chnStr; } strIns = SectionToChinese(section); strIns += (section !== 0) ? chnUnitSection[unitPos] : chnUnitSection[0]; chnStr = strIns + chnStr; needZero = (section < 1000) && (section > 0); num = Math.floor(num / 10000); unitPos++; } return chnStr; } /*日期转化*/ function getWeekDay(time) { time = new Date(time) var dayarray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") var montharray = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") var year = time.getYear() if (year < 1000) year += 1900 var day = time.getDay() var month = time.getMonth() var daym = time.getDate() if (daym < 10) daym = "0" + daym var hours = time.getHours() var minutes = time.getMinutes() var seconds = time.getSeconds() var dn = "AM" if (hours >= 12) dn = "PM" if (hours > 12) { hours = hours - 12 } if (hours == 0) hours = 12 if (minutes <= 9) minutes = "0" + minutes if (seconds <= 9) seconds = "0" + seconds return dayarray[day] + ", " + montharray[month] + "" + daym + ", " + year + " " + hours + ":" + minutes + ":" + seconds + " " + dn } /*判断单位缩写*/ function formatNumber(number) { let lang = 'en-us'; let length = (number + '').length; //数字长度 let str = number + ''; if (lang === 'en-us') { if (length > 9) { //亿单位 str = (number / 1000000000).toFixed(1) + 'Billion' } else if (length > 6) { //万单位 str = (number / 1000000).toFixed(1) + 'Million' } else if (length > 3) { //千单位 str = (number / 1000).toFixed(1) + 'Thousand' } else { return number; } return str; } else { if (length > 8) { //亿单位 str = (number / 100000000).toFixed(1) + 'Hundred million' } else if (length > 4) { //万单位 str = (number / 10000).toFixed(1) + '0k' } else if (length > 3) { //千单位 str = (number / 1000).toFixed(1) + 'Thousand' } else { return number; } return str; } } /*时间转化*/ function timeTran(theTime) { let nowTime = new Date().getTime(); let dur = (nowTime - new Date(theTime).getTime()) / 1000; if (dur <= 60) { return 'Just'; } else if (dur <= 3600) { let number = parseInt(dur / 60) let s = (number > 1 ? 's' : '') return number + ' Minutes ago'.replace('{s}', s) } else if (dur <= 86400) { let number = parseInt(dur / 3600) let s = (number > 1 ? 's' : '') return number + ' Hours ago'.replace('{s}', s) } else if (dur <= 86400 * 30) { let number = parseInt(dur / 86400) let s = (number > 1 ? 's' : '') return number + ' Days ago'.replace('{s}', s) } else if (dur <= 86400 * 30 * 12) { let number = parseInt(dur / (86400 * 30)) let s = (number > 1 ? 's' : '') return number + ' Months ago'.replace('{s}', s) } else { let number = parseInt(dur / (86400 * 30 * 12)) let s = (number > 1 ? 's' : '') return number + ' Last year'.replace('{s}', s) } } // 记录访问referrer var referrer = document.referrer var user_referrer = window.localStorage.getItem('user_referrer') if (!user_referrer) { user_referrer = [] } else { user_referrer = JSON.parse(user_referrer) } if (typeof referrer === 'string' && user_referrer.length < 20) { var recorded = 0 user_referrer.forEach(item => { if (item == referrer) { recorded = 1 } }) if (recorded === 0) { user_referrer.push(referrer) window.localStorage.setItem('user_referrer', JSON.stringify(user_referrer)) } } </script> <script src="/assets/js/column/column.js"></script> <script> let news_container = initVue({ name:'newsContainer', data() { return { emptyIndex: false, unEmptyIndex: true, keyword: "", listLoading: false, blogListLoading: false, listParams: { blade: 'blog-list', view_file: 'news.components.newsListBody', page: 1, page_size: 33, keyword: '', column_id: -1, industry_id: '0', }, listHeight:0, isLoadMore:false, columnType: 1, //栏目类型 dialogVisible: false, }; }, methods:{ showColumnDialog() { this.dialogVisible = true }, columnSave() { this.$refs['columnDialog'].columnSave() }, returnNewsValue(val) { let res = val + '' if (val > 10000) { return res[0] + res[1] + '0k' } else { return val } }, createNews(url) { if (this.$config.apiToken) { var homeUrl = encodeURIComponent(url) let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { $('#headBox').trigger('loginDialog','reloadPage') } }, initOwl() { let owl_news_list = $('.news_list_head_banner') if (owl_news_list) { owl_news_list.owlCarousel({ margin: 10, items: 1, // animateOut: 'fadeOut', nav: true, loop: true, }) } var swiper = new Swiper ('.swiper', { slidesPerView : 'auto', navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }) let owl_hot_list = $('.ad_banner.owl-carousel') if (owl_hot_list) { owl_hot_list.owlCarousel({ margin: 10, items: 1, // animateOut: 'fadeOut', nav: false, autoplay:true, //loop: true, dots:true }) } }, //加载更多 getBlogList() { if (this.blogListLoading) { return false } this.isLoadMore = true let lastPage = document.querySelector('#newsPageNewsListBody .news_list').getAttribute('data-page') if (this.listParams.page < lastPage ) { this.listParams.page += 1 } else { //没有更多 document.querySelector('.load_more_box .load_more_btn').setAttribute('style', "display: none") document.querySelector('.load_more_box .null').setAttribute('style', "display: block") return false } this.listParams.view_file = 'news.components.newsListBody' let params = this.listParams this.blogListLoading = true this.unEmptyIndex = true mtpRequest({ url: '/blade', method: 'get', params }).then(res=>{ let dom_list = document.querySelector('#newsPageNewsListBody .news_list') document.querySelectorAll('#newsPageNewsListBody .news_item.break').forEach(item=>{ item.remove() }) dom_list.innerHTML += res.data this.countNewsListSort() }) }, returnMinMaxValue(arr) { const maxNum = Math.max(...arr) const minNum = Math.min(...arr) const [maxIndex, minIndex] = [arr.indexOf(maxNum), arr.indexOf(minNum)] return { minValue:minNum, minIndex:minIndex, maxValue:maxNum, maxIndex:maxIndex } }, countNewsListSort() { this.$nextTick(()=>{ let news_list = $('.news_list_box .news_list') if (news_list) { news_list.imagesLoaded(()=>{ let minHeight = [0,0,0,0] // 存储4列的高度 let item_dom_list = document.querySelectorAll('.news_list .news_item') item_dom_list.forEach((item,index)=>{ let item_width = item.clientWidth let item_height = item.clientHeight if (index < minHeight.length) { item.style.left = this.returnValue(item_width * (index)) item.style.top = 0 minHeight[index] += item_height } else { let add_column = this.returnMinMaxValue(minHeight).minIndex //获取最小高度的列序 item.style.left = this.returnValue(item_width * add_column) item.style.top = this.returnValue(minHeight[add_column]) minHeight[add_column] += item_height } item.style.bottom = 'auto' }) if (document.querySelector('.news_list_box .news_list') && document.querySelector('.news_list_box .news_list')) { document.querySelector('.news_list_box .news_list').style.height = this.returnValue(this.returnMinMaxValue(minHeight).maxValue) } item_dom_list.forEach(item=>{ item.style.opacity = 1 }) this.blogListLoading = false this.$advertising.initAdItem('.news_list_box') }) } }) }, returnValue(val) { return (val) + 'px' }, //热搜 hotSearch(keyword) { this.keyword = keyword this.searchList() //锚点平滑跳转 let element = document.getElementById("search_box"); if (element) { element.scrollIntoView({ behavior: 'smooth' }); } }, //搜索 searchList(columnId = 0,type) { this.listParams.keyword = this.keyword this.listParams.industry_id = 0 this.listParams.page = 1 if (type && type === 'enter') { this.listParams.column_id = '' } else { this.listParams.column_id = columnId } this.listParams.view_file = 'news.components.newsList' let params = this.listParams this.listLoading = true document.querySelector('.load_more_box .load_more_btn').setAttribute('style', "display: block") document.querySelector('.load_more_box .null').setAttribute('style', "display: none") mtpRequest({ url: '/blade', method: 'get', params }).then(res=>{ this.listLoading = false let dom_list = document.querySelector('#news_list_box') if (res.data === 'empty') { //没数据 this.emptyIndex = true this.unEmptyIndex = false dom_list.innerHTML = '' } else { this.emptyIndex = false dom_list.innerHTML = res.data if(document.querySelector('#newsPageNewsListBody .news_list')) { let lastPage = document.querySelector('#newsPageNewsListBody .news_list').getAttribute('data-page') if (parseInt(lastPage) <= 1) { this.unEmptyIndex = false } else { this.unEmptyIndex = true } } else { this.unEmptyIndex = false } } this.initOwl() this.countNewsListSort() }) }, }, mounted() { //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) this.initOwl() this.countNewsListSort() if (document.querySelector('#news_list_box').innerHTML == '' || document.querySelector('#news_list_box').innerHTML == ' empty ') { document.querySelector('#news_list_box').innerHTML = '' this.emptyIndex = true this.unEmptyIndex = false } //是否是首页热搜跳转过来 let keyword = readCookie("newsSearchKeyword") if (keyword) { this.keyword = keyword this.searchList() setCookie("newsSearchKeyword", '') } this.$nextTick(()=>{ if (readCookie('newsHotPage')) { //锚点平滑跳转 let element = document.getElementById("search_box"); if (element) { element.scrollIntoView({ behavior: 'smooth' }); setCookie('newsHotPage','') } } }) // 自动加载 const that = this window.onscroll = function() { var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; var windowHeight = document.documentElement.clientHeight || document.body.clientHeight; var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight; if (scrollTop + windowHeight + 1000 > scrollHeight) { that.getBlogList() } } } },"#news_container",['mtpColumn']) </script> </body> </html>