People who settle in Matchexpo will win super discounts

<html> <head> <title>People who settle in Matchexpo will win super discounts - 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" />  <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>  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2834372922206562" crossorigin="anonymous"></script>  <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="Matchexpo"/> <meta name="description" content="Matchexpo author：matchexpo"/> <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=8.8"></script>  <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=8.8"></script> <script src="/lang/module/en-us.js?v=8.8"></script> <script src="/lang/module/en-us-all.min.js?v=8.8"></script> <script src="/assets/lib/axios.min.js"></script>  <script src="/assets/lib/element-plus.js"></script>  <script src="/assets/utils/utils-all.min.js?v=8.8"></script> <script src="/assets/chatgpt-icon/iconfont.js?v=8.8"></script> <link href="/assets/iconfont/iconfont.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/element/index-rem.css?v=8.8" 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=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/chatgpt-icon/iconfont.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/layout/common.css?v=8.8" rel="stylesheet" type="text/css"/> <script> ToPcRouter() </script> <link rel="stylesheet" href="/assets/css/mobile/invitation/index.css?v=8.8" type="text/css"/> <link href="/assets/css/layout/common.css?v=8.8" rel="stylesheet" type="text/css" /> <link href="/assets/css/mobile/layout.css?v=8.8" rel="stylesheet" type="text/css" /> <link href="/assets/css/mobile/layout_box/layout_box.css?v=8.8" rel="stylesheet" type="text/css" /> <link href="/assets/css/mobile/layout/bottom.css?v=8.8" rel="stylesheet" type="text/css" /> <link href="/assets/css/layout/owl/owl.carousel.min.css" rel="stylesheet" type="text/css" /> <link href="/assets/css/layout/owl/owl.theme.default.css" rel="stylesheet" type="text/css" /> <link href="/assets/utils/intl-tel-input/build/css/intlTelInput.css" 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 id="headBox"> <div class="m_head_container" v-cloak> <a href="/mobile/index" target="_self" class="logo_image"> <svg v-if="$community.judgePageType('community')" class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> <svg v-else-if="$community.judgePageType('supply')" class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> <svg v-else class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> </a> <div class="head_option"> <div @click="showMenu = true"><i class="iconfont ic_list"></i></div> </div> <el-drawer v-model="showMenu" :with-header="false" size="60%"> <div class="user_info" v-if="$config.apiToken"> <img :src="$config.ossDomain + baseUserInfo.curr_enterprise_logo" onerror="this.src = '/assets/image/defaultLogo.png'"> <span>{{ baseUserInfo.curr_enterprise_name }}</span> </div> <el-menu :default-active="activeIndex"> <el-menu-item index="index" @click="pageTo('/mobile/index')"> <i class="iconfont ic_home"></i> Home </el-menu-item> <el-menu-item index="news" @click="pageTo('/mobile/news')"> <i class="iconfont ic_news"></i> News </el-menu-item> <el-menu-item index="expo" @click="pageTo('/mobile/expo')"> <i class="iconfont ic_events"></i> Events & Fairs </el-menu-item> <el-menu-item index="live" @click="pageTo('/mobile/live')"> <i class="iconfont ic_lives"></i> Live </el-menu-item> <el-menu-item index="dynamic" @click="pageTo('/community/dynamic')"> <i class="iconfont ic_Community"></i> Community </el-menu-item> <el-menu-item class="community_menu" index="dynamic" @click="pageTo('/community/dynamic')"> <div class="menu_icon"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_dynamic"></use> </svg> </div> Updates </el-menu-item> <el-menu-item class="community_menu" index="topics" @click="pageTo('/community/topics')"> <div class="menu_icon" style="background-color: #FFE6E5"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_thematic"></use> </svg> </div> Topics </el-menu-item> <el-menu-item class="community_menu" index="group" @click="pageTo('/community/group')"> <div class="menu_icon"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_group"></use> </svg> </div> Group </el-menu-item> <el-menu-item class="community_menu" index="discover" @click="pageTo('/community/discover')"> <div class="menu_icon" style="background-color: #FFF8E5"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_find"></use> </svg> </div> Discovery </el-menu-item> <el-menu-item class="community_menu" index="supply-demand" @click="pageTo('/supply-demand')"> <div class="menu_icon" style="background-color: #FFE6E5"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_gx"></use> </svg> </div> Supply & Demand </el-menu-item> <el-menu-item class="community_menu" index="job" @click="pageTo('/job')"> <div class="menu_icon"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_zp"></use> </svg> </div> Jobs </el-menu-item> <el-sub-menu index="lang"> <template #title> <i class="iconfont ic_global"></i> Language switching </template> <el-menu-item v-for="(item,index) in languages[1].list" :key="index" :index="item.value" @click="handleLang(item)"> {{ item.label }} </el-menu-item> <el-menu-item v-for="(item,index) in languages[0].list" :key="index" :index="item.value" @click="handleLang(item)"> {{ item.label }} </el-menu-item> </el-sub-menu> </el-menu> <div class="navbar_text" v-if="!($community.judgePageType('community'))"> Please use PC to publish activities, live broadcasts and information </div> <div class="navbar_btn" v-else> <a @click="routeTo('/mobile/index')">Return to home</a> </div> <div class="navbar_btn" v-show="!$config.apiToken"> <a @click="routeTo('/mobile/login')">Sign in</a> <span>|</span> <a @click="routeTo('/mobile/register')">Register</a> </div> <div class="navbar_btn" v-show="$config.apiToken"> <a @click="outLogin">Sign out</a> </div> </el-drawer> </div> <div class="search_box" style="display: none"> <el-input v-model="searchValue" placeholder="Search" id="searchValue"> <template #prefix> <i class="iconfont ic_search"></i> </template> <template #suffix> <el-button type="primary" @click="searchData()" id="searchBtn">Search</el-button> </template> </el-input> </div> </div> <script> let headBox = initVue({ name:'headBox', data() { return { activeIndex: 'index', baseUserInfo:{}, showMenu: false, currSite:'', currLanguage:'', searchValue: '', languages: this.$config.languages } }, methods: { returnActiveIndex() { let name = location.pathname if (name.indexOf('/mobile/index') > -1) { this.activeIndex = 'index' } else if(name.indexOf('/mobile/news') > -1) { this.activeIndex = 'news' } else if(name.indexOf('/mobile/expo') > -1) { this.activeIndex = 'expo' } else if(name.indexOf('/mobile/live') > -1) { this.activeIndex = 'live' } else if(name.indexOf('dynamic') > -1) { this.activeIndex = 'dynamic' } else if(name.indexOf('topics') > -1) { this.activeIndex = 'topics' } else if(name.indexOf('group') > -1) { this.activeIndex = 'group' } else if(name.indexOf('discover') > -1) { this.activeIndex = 'discover' } else if(name.indexOf('supply-demand') > -1) { this.activeIndex = 'supply-demand' } else if(name.indexOf('job') > -1) { this.activeIndex = 'job' } }, searchData() { if (this.$community.judgePageType('community')) { location.href = '/community/search?keyword=' + this.searchValue } else { } }, handleLang(lang) { this.currSite = lang.site this.currLanguage = lang.value let url = '' if (lang.site != this.$config.siteName) { url = this.$config.siteDomain[lang.site] + '/mobile/index' + '?lang=' + lang.value } else { this.$i18n.setLocale(lang.value) url = this.$config.siteDomain[lang.site] + '/mobile/index' } location.href = url }, routeTo(url) { location.href = url + '?redirect=' + location.pathname }, outLogin() { removeAccessToken() // window.open('/dist/login','_self') this.routeTo('/mobile/login') }, getUserInfo() { mtpRequest({ url: '/api/user/base-account', method: 'post', }).then(res=>{ this.baseUserInfo = res.data $('#headBox').trigger('getUserInfo',this.baseUserInfo) //异步通信 this.$loading.completeLoading() }) }, pageTo(url,type) { if (type) { window.open(url,type) } else { window.open(url,'_self') } }, }, created() { }, mounted() { this.returnActiveIndex() if (this.$config.apiToken) { this.getUserInfo() } else { this.$loading.completeLoading() } if (getUrlParam('keyword')) { this.searchValue = getUrlParam('keyword') } }, }, "#headBox"); </script> </div> <div class="body_container" id="app"> <div class="app_container"> <div style="display: none"> none </div> <div id="invitation_container_mobile"> <div class="invitation_list" v-loading="loading"> <div class="invitation_record_list"> <el-dialog v-model="recordVisible" width="100%" title="Invitation record"> <div class="invitation_record_item"> <div class="invitation_item_information"> <div class="invitation_item_number"> <div class="invitation_number_title">Successful invitation</div> <div class="invitation_number_value">{{ inviteCount }}</div> </div> <div class="invitation_item_table"> <div> <div class="invitation_table_head"> <div class="invitation_head_name">Friends</div> <div class="invitation_head_name">Status</div> </div> <div class="invitation_table_body"> <el-scrollbar> <div v-for="(item,index) in inviteList" :key="index"> <div v-if="item.enterprise_certified_id > 0" class="invitation_body_item"> <div class="invitation_body_text"> {{ item.nick_name }} </div> <div class="invitation_body_text invitation_color_green"> Certified </div> </div> <div v-else class="invitation_body_item" > <div class="invitation_body_text"> {{ item.nick_name }} </div> <div class="invitation_body_text invitation_color_red"> Not certified </div> </div> </div> </el-scrollbar> </div> </div> </div> </div> <div class="invitation_item_service"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8161532ac.png"/> <div class="invitation_service_describe">Contact customer service to receive rewards</div> </div> </div> </el-dialog> </div> <div class="invite_friends_list"> <img class="invite_friends_bg" src="/assets/image/mobile/Mbg_yq_banner.png" /> <img class="invite_friends_image" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815706781.png" /> <div class="invite_friends_item"> <div class="invite_friends_subhead" :style="{ opacity: friendsParams.opacity, transform: 'translate3d(0px, ' + friendsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }">People who join in Matchexpo will win super discounts </div> <div class="invite_friends_title" :style="{ opacity: friendsParams.opacity, transform: 'translate3d(0px, ' + friendsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> The world's first exhibition marketing platform makes everyone a marketing expert </div> <div class="invite_friends_describe" :style="{ opacity: friendsParams.opacity, transform: 'translate3d(0px, ' + friendsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> It can not only efficiently manage global exhibitions, but also solve the problem of building official websites that has plagued for many years. </div> <div class="invite_friends_describe" :style="{ opacity: friendsParams.opacity, transform: 'translate3d(0px, ' + friendsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }">Kill many birds with one stone, value full screen </div> <div class="invite_friends_button" :style="{ opacity: friendsParams.opacity, transform: 'translate3d(0px, ' + friendsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div @click="copyInviteUrl" class="invite_button_text"> Invite friends to open </div> </div> <div class="invite_friends_record" :style="{ opacity: friendsParams.opacity, transform: 'translate3d(0px, ' + friendsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)'}" @click="inviteDialog"> View invitation records </div> </div> </div> <div class="invite_welfare_list"> <div class="container"> <div class="invite_welfare_item"> <div class="invite_welfare_title"> <div class="invite_title_text" :style="{ opacity: welfareParams.item_one.opacity, transform: 'translate3d(0px,' + welfareParams.item_one.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }">Enjoy when you invite your business friends to settle in successfully </div> </div> <div class="invite_welfare_box"> <div class="invite_welfare_member"> <div class="invite_member_item" :style="{ opacity: welfareParams.item_two.opacity, transform: 'translate3d(0px,' + welfareParams.item_two.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815a9eec4.png"/> <div class="invite_member_text"> <div class="invite_text_title">Chinese website</div> <div class="invite_text_describe">1 year membership</div> </div> </div> <div class="invite_member_item" :style="{ opacity: welfareParams.item_three.opacity, transform: 'translate3d(0px,' + welfareParams.item_three.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8159ca880.png"/> <div class="invite_member_text"> <div class="invite_text_title invite_title_english"> English website </div> <div class="invite_text_describe invite_title_english"> 1 year membership </div> </div> </div> </div> <div class="invite_welfare_grade"> <div class="invite_grade_item invite_item_one"> <div class="invite_grade_box"> <div class="invite_grade_image" :style="{ opacity: gradeParams.item_one.opacity, transform: 'translate3d(' + gradeParams.item_one.image_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_image_title invite_title_blue"> Bronze Member </div> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815bc07c2.png"/> </div> <div class="invite_grade_text" :style="{ opacity: gradeParams.item_one.opacity, transform: 'translate3d(' + gradeParams.item_one.text_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text_headline">Matchexpo Bronze Member</div> <div class="invite_text_subhead"> Only {price} yuan is required original price </div> <div class="invite_text_subhead"> You will receive a free official website in one language for one year, including design services </div> <div class="invite_text_limit">Only the first 199 places</div> </div> </div> <div class="invite_grade_describe" :style="{ opacity: gradeParams.item_one.opacity, transform: 'translate3d(0px,' + gradeParams.item_one.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)',}"> If any invitee successfully becomes any type of member, the inviter will enjoy a complimentary coupon of RMB{price}, and an unlimited times for exhibition posting benefit <br/> <span class="invite_grade_describe_tips"> (The maximum number of successful invitations is no more than 10) </span> </div> </div> <div class="invite_grade_item invite_item_two"> <div class="invite_grade_box"> <div class="invite_grade_image" :style="{ opacity: gradeParams.item_two.opacity, transform: 'translate3d(' + gradeParams.item_two.image_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_image_title invite_title_white"> Platinum member </div> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81578b757.png"/> </div> <div class="invite_grade_text" :style="{ opacity: gradeParams.item_two.opacity, transform: 'translate3d(' + gradeParams.item_two.text_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)'}"> <div class="invite_text_headline">Platinum member of Matchexpo</div> <div class="invite_text_subhead"> Only 6999 yuan. < span > the original price is 58800</span > </div> <div class="invite_text_subhead"> Get a super discount – 2 languages for 1 year </div> <div class="invite_text_limit">Only the first 99 places</div> </div> </div> <div class="invite_grade_describe" :style="{opacity: gradeParams.item_one.opacity,transform:'translate3d(0px,' +gradeParams.item_two.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> If any invitee successfully becomes any type of member, the inviter will enjoy a complimentary coupon of RMB 699, and an unlimited times for exhibition posting benefit <br/> <span class="invite_grade_describe_tips"> (The maximum number of successful invitations is no more than 10) </span> </div> </div> <div class="invite_grade_item invite_item_three"> <div class="invite_grade_box"> <div class="invite_grade_image" :style="{ opacity: gradeParams.item_three.opacity, transform: 'translate3d(' + gradeParams.item_three.image_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_image_title invite_title_yellow"> Diamond member </div> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8158042ab.png"/> </div> <div class="invite_grade_text" :style="{ opacity: gradeParams.item_three.opacity, transform: 'translate3d(' + gradeParams.item_three.text_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text_headline">Diamond member of Matchexpo</div> <div class="invite_text_subhead"> Only 38800 yuan. <span> original price 38800</span > </div> <div class="invite_text_subhead">You can get websites in 4 languages</div> <div class="invite_text_limit">Only the first three places</div> </div> </div> <div class="invite_grade_describe" :style="{ opacity: gradeParams.item_three.opacity, transform: 'translate3d(0px,' + gradeParams.item_three.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> If any invitee successfully becomes any type of member, the inviter will enjoy a complimentary coupon of RMB 1888, and an unlimited times for exhibition posting benefit <br/> <span class="invite_grade_describe_tips"> (The maximum number of successful invitations is no more than 3) </span> </div> </div> </div> </div> </div> </div> </div> <div class="invite_exhibition_list"> <div class="invite_exhibition_item"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ccdcfe.png"/> <div class="invite_exhibition_text"> <div class="invite_exhibition_title" :style="{ opacity: exhibitionParams.opacity, transform: 'translate3d(0px, ' + exhibitionParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> Exhibition marketing management and website building promotion combination of enterprises </div> <div class="invite_exhibition_describe" :style="{ opacity: exhibitionParams.opacity, transform: 'translate3d(0px, ' + exhibitionParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> Open a new mode of enterprise services to achieve 200% value-added services </div> <div class="invite_exhibition_button" :style="{ opacity: exhibitionParams.opacity, transform: 'translate3d(0px, ' + exhibitionParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_button_text" @click="scrollToBottom">Activate now</div> </div> </div> </div> </div> <div class="invite_equity_list"> <div class="container"> <div class="invite_equity_item"> <div class="invite_equity_text"> <div class="invite_equity_title"> <div class="invite_title_text">Benefit details</div> </div> <div class="invite_equity_describe"> Open members and start cross-border one-stop marketing services for enterprises going to sea </div> </div> <div class="invite_equity_form"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81443f517.png" v-if="$i18n.getLocale() === 'zh-cn'"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d814736212.png" v-else-if="$i18n.getLocale() === 'zh-tw'"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d814698fe7.png" v-else> </div> </div> </div> </div> <div class="invite_exhibition_list invite_exhibition_list_two"> <div class="invite_exhibition_item"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ccdcfe.png"/> <div class="invite_exhibition_text"> <div class="invite_exhibition_title" :style="{ opacity: exhibitionsParams.opacity, transform: 'translate3d(0px, ' + exhibitionsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> 10 + years of experience designer, 61 service processes, 1-to-1 training services </div> <div class="invite_exhibition_describe" :style="{ opacity: exhibitionsParams.opacity, transform: 'translate3d(0px, ' + exhibitionsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> Limited seats, first come, first served (deadline: 2022/09/09) </div> <div class="invite_exhibition_button" :style="{ opacity: exhibitionsParams.opacity, transform: 'translate3d(0px, ' + exhibitionsParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_button_text" @click="scrollToBottom">Activate now</div> </div> </div> </div> </div> <div class="invite_introduce_list"> <div class="container"> <div class="invite_introduce_text"> <div class="invite_introduce_title" :style="{ opacity: introduceParams.item_one.opacity, transform: 'translate3d(0px, ' + introduceParams.item_one.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> Members of Matchexpo can enjoy five additional benefits provided by the Juye website building team </div> </div> <div class="invite_introduce_item invite_item_one"> <div class="invite_text-list" :style="{ opacity: introduceParams.item_two.opacity, transform: 'translate3d(' + introduceParams.item_two.transform_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text-number">01</div> <div class="invite_text-button">Novice worry free, sailing guarantee</div> <div class="invite_text-headline">Experienced UI design, 7-day exquisite website building</div> <div class="invite_text-subhead"> Rich experience in website construction and website functions are highly suitable for business </div> </div> <img src="/assets/image/invitation/img_yq_anli.gif" /> </div> <div class="invite_introduce_item invite_item_two"> <div class="invite_text-list" :style="{ opacity: introduceParams.item_three.opacity, transform: 'translate3d(' + introduceParams.item_three.transform_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text-number">02</div> <div class="invite_text-button">6 modules and 35 courses</div> <div class="invite_text-headline">N+1+1 curriculum system</div> <div class="invite_text-item"> <img class="invite_text_image" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815900562.png"> </div> <div class="invite_text-subhead"> Sharing of practical skills <br/> Answer questions regularly every week <br/> Guide operation and grow rapidly <br/> 10-year independent station actual combat expert </div> <div class="invite_text-describe"> He has worked in foreign exhibition companies, global media, Google and other companies for 20 years. Service <br> thousands of companies, manufacturing enterprises, familiar with search engine advertising rules, and good at Facebook, <br>linkedin, twitter, Cr </div> </div> </div> <div class="invite_introduce_item invite_item_three"> <div class="invite_text-list" :style="{ opacity: introduceParams.item_four.opacity, transform: 'translate3d(' + introduceParams.item_four.transform_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text-number">03</div> <div class="invite_text-headline">VIP exclusive community</div> <div class="invite_text-item"> <div class="invite_image_item"> <img class="invite_text_image" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815977d1a.png"> </div> <div class="invite_text-subhead"> Accompanying growth <br> symbiosis and coexistence, industry skill training <br> meet the needs of the community to answer questions, and provide full process services </div> </div> </div> </div> <div class="invite_introduce_item invite_item_four"> <div class="invite_text-list" :style="{ opacity: introduceParams.item_five.opacity, transform: 'translate3d(' + introduceParams.item_five.transform_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text-number">04</div> <div class="invite_text-headline">International high-quality resource docking<br>precise customer recommendation</div> <div class="invite_text-item"> <div class="invite_image_item"> <img class="invite_text_image" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81586e3fd.png"> </div> <div class="invite_text-subhead"> 3000 + domestic factories and suppliers <br>100 + service providers, logistics, customs clearance, warehousing <br> 76 million data worldwide, helping enterprises to go to sea </div> </div> </div> </div> <div class="invite_introduce_item invite_item_five"> <div class="invite_text-list" :style="{ opacity: introduceParams.item_six.opacity, transform: 'translate3d(' + introduceParams.item_six.transform_value + 'px,0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> <div class="invite_text-number">05</div> <div class="invite_text-headline">Free creation and account opening of four major social media</div> <div class="invite_text-item"> <div class="invite_image_item"> <img class="invite_text_image" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815a12d17.png"> </div> <div class="invite_text-subhead"> Help members open accounts for free, enjoy official traffic tilt <br> review green channel <br>google, Facebook, pinterest, youtube, LinkedIn </div> </div> </div> </div> </div> </div> <div class="invite_exhibition_list invite_exhibition_list_three"> <div class="invite_exhibition_item"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815a5a345.png"/> <div class="invite_exhibition_remarks" :style="{ opacity: remarksParams.opacity, transform: 'translate3d( ' + remarksParams.text_value + 'px, 0px,0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }">Page gathering creative team gives full support </div> <div class="invite_exhibition_text"> <div class="invite_exhibition_title" :style="{ opacity: remarksParams.opacity, transform: 'translate3d(0px, ' + remarksParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> Their vision </div> <div class="invite_exhibition_subhead" :style="{ opacity: remarksParams.opacity, transform: 'translate3d(0px, ' + remarksParams.transform_value + 'px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)', }"> The perspective of brand and network development is rooted in the diversified perspective of digital landscape< Br> our vision is very simple: to help <span>10000</span> start-ups create beautiful and practical websites and realize revenue. We are customers and brand advocates. </div> </div> </div> </div> <div class="contact_channel" id="contact_channel"> <img class="image_bg" src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d814bd488f.jpg" /> <div class="container"> <div class="contact_channel-list"> <div class="contact_item_text"> <div class="contact_item_requirement"> Open member </div> <div class="contact_item_condition"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d814c882c6.png" /> <div class="contact_condition_text"> Matchexpo Bronze Member </div> </div> <div class="contact_item_condition"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d814c882c6.png" /> <div class="contact_condition_text">Platinum member of Matchexpo</div> </div> <div class="contact_item_condition"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d814c882c6.png" /> <div class="contact_condition_text">Diamond member of Matchexpo</div> </div> </div> <div class="contact_item_form"> <div class="contact_form_title"> Please fill in your information, and the customer service manager will contact you: </div> <el-form :model="form" ref="form" :rules="rules" label-position="top" :inline="true"> <el-col :span="24"> <el-form-item label="Full name" prop="name_34894" required> <el-input v-model="form.name_34894" placeholder="Please enter your name"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="Telephone" prop="name_34895" required> <el-input v-model="form.name_34895" placeholder="Please enter your phone number"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="Corporate name" prop="name_34896" required> <el-input v-model="form.name_34896" placeholder="Please enter your company name"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="Company size " prop="name_34897" required> <el-input v-model="form.name_34897" placeholder="Please enter the size of your company"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="City" prop="name_34898" required> <el-input v-model="form.name_34898" placeholder="Please enter your city"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="Company introduction" prop="name_34899" required> <el-input v-model="form.name_34899" placeholder="Current main business, past products, industries, types and quantities covered by customer resources, etc" type="textarea" ></el-input> </el-form-item> </el-col> <div class="form_btn" @click="submitForm" v-loading="submitLoading">Apply to join</div> </el-form> </div> </div> </div> </div> </div> </div> </div> </div> <div> <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_list"> <a class="bottom_item" href="/mobile/contact-us">Contact Us</a> <a class="bottom_item" href="/mobile/copyright-notice">Copyright notice</a> <a class="bottom_item" href="/mobile/user-agreement">User Agreement</a> <a class="bottom_item" href="/mobile/privacy-policy">Privacy Policy</a> <a class="bottom_item" href="/mobile/about-us">About Us</a> <a class="bottom_item" href="/mobile/our-mission">Our Mission</a> <a class="bottom_item" href="/mobile/certification-specification">Certification specification</a> <a class="bottom_item" href="/mobile/integrity-report">Integrity Report</a> <a class="bottom_item" href="/mobile/help-center">Help Center</a> <a class="bottom_item" href="/mobile/cooperative-partner">Cooperative partners</a> <a class="bottom_item" href="/mobile/advertisement">Advertising cooperation</a> <a class="bottom_item" href="/mobile/link">Links</a> <a class="bottom_item" href="/mobile/channel">Channel Cooperation</a> <a class="bottom_item" href="/mobile/invitation">Invite friends</a> </div> <div class="bottom_right"> <div class="bottom_qrcode_list"> <div class="bottom_qrcode"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8161532ac.png"> <span>Follow official account</span> </div> <div class="bottom_qrcode"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ddd9af.png"> <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 @click="toHomepage('/')"> <span>Matchexpo: Event Marketing Platform</span> International - Traditional Chinese - Simplified Chinese </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> <script> let bottom_container = initVue({ name:'bottomContainer', data() { return { url:'', } }, methods: { 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) } } }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) }) }, }, "#bottom_container"); </script> </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> //定义注册的组件名称（方法名称要同步） let invitation_container_mobile = initVue({ name:'invitation_container_mobile', data() { return { submitLoading: false, uploadFormApi: this.$config.uploadFormApi, loading: false, loadingDialog: false, recordVisible: false, friendsParams: { opacity: 0, transform_value: 200, }, welfareParams: { item_one: { opacity: 0, transform_value: 200, set_time_out: null, }, item_two: { opacity: 0, transform_value: 100, set_time_out: null, }, item_three: { opacity: 0, transform_value: 100, set_time_out: null, }, }, gradeParams: { item_one: { opacity: 0, image_value: -80, text_value: 80, transform_value: 200, set_time_out: null, }, item_two: { opacity: 0, image_value: 80, text_value: -80, transform_value: 200, set_time_out: null, }, item_three: { opacity: 0, image_value: -80, text_value: 80, transform_value: 200, set_time_out: null, }, }, exhibitionParams: { opacity: 0, transform_value: 200, }, exhibitionsParams: { opacity: 0, transform_value: 200, }, introduceParams: { item_one: { opacity: 0, transform_value: 100, set_time_out: null, }, item_two: { opacity: 0, transform_value: -100, set_time_out: null, }, item_three: { opacity: 0, transform_value: 100, set_time_out: null, }, item_four: { opacity: 0, transform_value: -100, set_time_out: null, }, item_five: { opacity: 0, transform_value: 100, set_time_out: null, }, item_six: { opacity: 0, transform_value: -100, set_time_out: null, }, }, remarksParams: { opacity: 0, text_value: -100, transform_value: 200, }, inviteList:[], inviteCount:0, inviteCode:'', domain: this.$config.ossDomain, form: { form_id: 6094, websiteId: 115, pageId: 14750, name_34894: '', name_34895: '', name_34896: '', name_34897: '', name_34898: '', name_34899: '', }, rules :{ name_34894: [ { required: true, message: 'Please enter your name', trigger: 'blur', }, ], name_34895: [ { required: true, message: 'Please enter your phone number', trigger: 'blur', }, ], name_34896: [ { required: true, message: 'Please enter your company name', trigger: 'blur', }, ], name_34897: [ { required: true, message: 'Please enter the size of your company', trigger: 'blur', }, ], name_34898: [ { required: true, message: 'Please enter your city', trigger: 'blur', }, ], name_34899: [ { required: true, message: 'Please fill in the company introduction', trigger: 'blur', }, ] }, } }, mounted() { if (this.$config.apiToken) { this.getUserInfo() } this.readyAnimation() window.addEventListener('scroll', this.handleScroll) }, beforeUnmount() { document.removeEventListener('scroll', this.handleScroll) }, methods: { scrollToBottom() { // window.scrollTo(9999,2000) document.getElementById("contact_channel").scrollIntoView({behavior: "smooth"}) }, getUserInfo() { this.loading = true getHeadUserInfo(res=>{ if (res.invite_code) { this.inviteCode = res.invite_code this.loading = false } }) }, inviteDialog() { if (this.$config.apiToken) { this.getInviteList() this.getInviteCount() this.recordVisible = true } else { window.location.href = window.location.origin + '/mobile/login?redirect='+ location.pathname // $('#headBox').trigger('loginDialog','reloadPage') } }, copyInviteUrl() { if (this.$config.apiToken) { if (this.inviteCode) { // copyValue(window.location.origin + '/dist/login?invite_code='+ this.inviteCode) copyValue(window.location.origin + '/mobile/login?invite_code='+ this.inviteCode) } else { // copyValue(window.location.origin + '/dist/login') copyValue(window.location.origin + '/mobile/login') } this.$message.success('The link has been copied successfully. Share it with your friends~') } else { window.location.href = window.location.origin + '/mobile/login?redirect='+ location.pathname // $('#headBox').trigger('loginDialog','reloadPage') } }, getInviteList() { this.loadingDialog = true mtpRequest({ url:'/api/user/invite-list', methods:'get', params:{ page:1, page_size:999 } }).then(res=>{ if (res.ret === 0) { this.inviteList = res.data.data this.loadingDialog = false } }).catch(e=>{ if (e) { this.loadingDialog = false } }) }, getInviteCount() { mtpRequest({ url:'/api/user/invite-success-count', methods:'get', }).then(res=>{ if (res.ret === 0) { this.inviteCount = res.data.count } }) }, readyAnimation() { setTimeout(() => { this.friendsParams.opacity = 1 this.friendsParams.transform_value = 0 this.welfareParams.item_one.opacity = 1 this.welfareParams.item_one.transform_value = 0 this.welfareParams.item_one.set_time_out = setTimeout(() => { this.welfareParams.item_two.opacity = 1 this.welfareParams.item_two.transform_value = 0 this.welfareParams.item_two.set_time_out = setTimeout(() => { this.welfareParams.item_three.opacity = 1 this.welfareParams.item_three.transform_value = 0 this.welfareParams.item_three.set_time_out = null }, 200) }, 200) }, 200) }, handleScroll() { //获取滚动时的高度 let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop let scrollHeight = document.body.scrollHeight if (scrollTop >= 0) { this.friendsParams.opacity = 1 this.friendsParams.transform_value = 0 } if (scrollTop > 0) { this.welfareParams.item_one.opacity = 1 this.welfareParams.item_one.transform_value = 0 this.welfareParams.item_one.set_time_out = setTimeout(() => { this.welfareParams.item_two.opacity = 1 this.welfareParams.item_two.transform_value = 0 this.welfareParams.item_two.set_time_out = setTimeout(() => { this.welfareParams.item_three.opacity = 1 this.welfareParams.item_three.transform_value = 0 this.welfareParams.item_three.set_time_out = null }, 200) }, 200) } if (scrollTop > 300) { this.gradeParams.item_one.opacity = 1 this.gradeParams.item_one.transform_value = 0 this.gradeParams.item_one.image_value = 0 this.gradeParams.item_one.text_value = 0 this.gradeParams.item_one.set_time_out = setTimeout(() => { this.gradeParams.item_two.opacity = 1 this.gradeParams.item_two.transform_value = 0 this.gradeParams.item_two.image_value = 0 this.gradeParams.item_two.text_value = 0 this.gradeParams.item_two.set_time_out = setTimeout(() => { this.gradeParams.item_three.opacity = 1 this.gradeParams.item_three.transform_value = 0 this.gradeParams.item_three.image_value = 0 this.gradeParams.item_three.text_value = 0 this.gradeParams.item_three.set_time_out = null }, 400) }, 400) } if (scrollHeight / scrollTop < 4.49) { this.exhibitionParams.opacity = 1 this.exhibitionParams.transform_value = 0 } if ((scrollTop - ($('.invite_exhibition_list_two').offset().top - window.screen.height + 150)) > 0 && scrollTop < ($('.invite_exhibition_list_two').offset().top+$('.invite_exhibition_list_two').outerHeight()-200)) { this.exhibitionsParams.opacity = 1 this.exhibitionsParams.transform_value = 0 } if ((scrollTop - ($('.invite_introduce_list .invite_introduce_text').offset().top - window.screen.height + 150)) > 0 && scrollTop < ($('.invite_introduce_list .invite_introduce_text').offset().top+$('.invite_introduce_list .invite_introduce_text').outerHeight()-200)) { this.introduceParams.item_one.opacity = 1 this.introduceParams.item_one.transform_value = 0 } if (scrollHeight / scrollTop < 2.26) { setTimeout(() => { this.introduceParams.item_two.opacity = 1 this.introduceParams.item_two.transform_value = 0 this.introduceParams.item_two.set_time_out = null }, 400) setTimeout(() => { this.introduceParams.item_three.opacity = 1 this.introduceParams.item_three.transform_value = 0 this.introduceParams.item_three.set_time_out = null }, 600) setTimeout(() => { this.introduceParams.item_four.opacity = 1 this.introduceParams.item_four.transform_value = 0 this.introduceParams.item_four.set_time_out = null }, 800) setTimeout(() => { this.introduceParams.item_five.opacity = 1 this.introduceParams.item_five.transform_value = 0 this.introduceParams.item_five.set_time_out = null }, 1000) setTimeout(() => { this.introduceParams.item_six.opacity = 1 this.introduceParams.item_six.transform_value = 0 this.introduceParams.item_six.set_time_out = null }, 1200) } if (scrollHeight / scrollTop < 1.33) { this.remarksParams.opacity = 1 this.remarksParams.text_value = 0 this.remarksParams.transform_value = 0 } }, submitForm() { if (!this.submitLoading) { this.$refs['form'].validate((valid) => { if (valid) { this.submitLoading = true axios.post(this.uploadFormApi, this.form).then(res=>{ if (res.data.code === 0) { setTimeout(()=>{ this.submitLoading = false },600) this.$refs['form'].resetFields() this.$message.success('Success') window.open('/thank-page','_self') } }).catch(function (error) { setTimeout(()=>{ this.submitLoading = false },600) console.log(error) }) } }) } }, }, },"#invitation_container_mobile") </script> </body> </html>

CINXE.COM

People who settle in Matchexpo will win super discounts - Matchexpo