中国广州定制家居展览会丨官方网站

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中国广州定制家居展览会丨官方网站</title> <meta name="keywords" content="广州定制家居展,衣柜展,橱柜展,家居展,建材展,家具展,门窗展,全屋定制展,整家定制展,家装设计展"> <meta name="description" content="广州定制家居展作为国内规模最大的专业定制家居展，是定制家居企业展示精品、招商加盟首选平台，也是经销商寻找品牌、上下游产业链需求合作机遇的桥梁与纽带。"> <meta name="baidu-site-verification" content="code-43xtEHSUAU" /> <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/static/css/swiper.min.css"> <link rel="stylesheet" href="/static/css/normalize.css"> <link rel="stylesheet" href="/css/common.css"> <link rel="stylesheet" href="/css/index.css"> <style> [v-cloak] { display: none; } .jia7-alink{position: fixed;right:100%;top:100%;} </style> </head> <body> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ff552bbb4d28c3d17144da718c3523e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script> (function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)}; b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e); s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g) })(window,document,"script","_qha",429324,false); </script>  <div style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261303252'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1261303252%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></div> <div id="app" v-cloak> <div id="header" class="header"> <div class="fixW"> <a href="/" class="logo"><img src="/static/images/logo.png" alt=""></a> <div class="count-down-wrapper"> <div v-cloak class="count-down"></div> </div> </div> </div> <div class="container"> <div class="section1"> <div id="banner" class="swiper-container"> <div class="swiper-wrapper"> <a class="swiper-slide" v-for="item in banners" :href="item.link" target="_blank"> <img :src="item.url" alt="">  </a> </div> <div class="swiper-pagination"></div> </div> </div> <div class="jia1" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <div class="fixW jia1-wrapper"> <div class="jia1-main"> <p class="se-title">展会介绍</p> <p class="jia1-intro">{{indexData.showContent}}</p> </div> <div class="jia1-video"> <video v-if="videoInfo.playInfoList" :src="videoInfo.playInfoList[1].playURL" :poster="videoInfo.videoBase.coverURL" controls="controls" webkit-playsinline>您的浏览器不支持 video 标签。</video> </div> </div> <div class="fixW" id="scrollData"> <div class="jia2" style="background-image: linear-gradient(180deg, #ffe100 -100%, #ffa500 100%);"> <ul class="row jia2-list"> <li class="col jia2-item" v-if="dataJson[0]"> <div class="jia2-num"> <div class="jia2-num-wrapper"> <div class="signatures">0</div>  </div>{{dataJson[0].unit}} </div> <div class="row jia2-main"> <img class="col" :src="dataJson[0].icon" alt=""> <p class="col">{{dataJson[0].name}}</p> </div> </li> <li class="col jia2-item" v-if="dataJson[1]"> <div class="jia2-num"> <div class="jia2-num-wrapper"> <div class="signatures">0</div>  </div>{{dataJson[1].unit}} </div> <div class="row jia2-main"> <img class="col" :src="dataJson[1].icon" alt=""> <p class="col">{{dataJson[1].name}}</p> </div> </li> </ul> <ul class="row jia2-list"> <li class="col jia2-item" v-if="dataJson[2]"> <div class="jia2-num"> <div class="jia2-num-wrapper"> <div class="signatures">0</div>  </div>{{dataJson[2].unit}} </div> <div class="row jia2-main"> <img class="col" :src="dataJson[2].icon" alt=""> <p class="col">{{dataJson[2].name}}</p> </div> </li> <li class="col jia2-item" v-if="dataJson[3]"> <div class="jia2-num"> <div class="jia2-num-wrapper"> <div class="signatures">0</div>  </div>{{dataJson[3].unit}} </div> <div class="row jia2-main"> <img class="col" :src="dataJson[3].icon" alt=""> <p class="col">{{dataJson[3].name}}</p> </div> </li> <li class="col jia2-item" v-if="dataJson[4]"> <div class="jia2-num"> <div class="jia2-num-wrapper"> <div class="signatures">0</div>  </div>{{dataJson[4].unit}} </div> <div class="row jia2-main"> <img class="col" :src="dataJson[4].icon" alt=""> <p class="col">{{dataJson[4].name}}</p> </div> </li> </ul> </div> </div> </div> <div class="jia3" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <p class="se-title">特色展区</p> <div class="fixW"> <div class="swiper-container" id="swiperJia3"> <div class="swiper-wrapper jia3-list"> <a class="swiper-slide jia3-item" v-for="item in eightShowImages" :href="item.link" target="_blank"> <div class="jia3-img"><img :src="item.url"></div> </a>  </div> </div> </div> </div> <div class="jia10"> <div class="fixW"> <div id="swiperAd" class="swiper-container"> <div class="swiper-wrapper"> <a v-for="item in ad" class="swiper-slide" :href="item.link" target="_blank"> <img :src="item.url" alt=""> </a> </div>   </div> </div> </div> <div class="jia4" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <p class="se-title">参展品牌</p> <a class="jia4-img" v-for="item in joinShowPpImages" :href="item.link" target="_blank"> <img :src="item.url" alt=""> </a> </div> <div class="jia5" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <p class="se-title">同期活动</p> <div class="fixW"> <div class="jia5-swiper"> <div class="swiper-container" id="swiperJia5"> <div class="swiper-wrapper"> <a class="swiper-slide jia5-item" v-for="item in tongQIShowImages" :href="item.link" target="_blank"> <div class="jia5-img"> <img :src="item.url"> </div> </a>  </div> </div> </div> </div> </div> <div class="jia6" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <p class="se-title">资讯中心</p> <div class="fixW"> <div class="swiper-container" id="swiperJia6"> <div class="row swiper-wrapper jia6-titles"> <a v-for="item in newMenu" @click="chooseNewList(item.id)" :class="['col', 'swiper-slide', 'jia6-title', newActive === item.id ? 'jia6-title-active':'']">{{item.name}}</a> </div> </div> <div class="jia6-main"> <ul class="jia6-list"> <li v-for="(item,index) in newList"> <a :href="'/newslist/'+ item.id +'.html'" class="row jia6-item"> <div class="col jia6-img"><img :src="item.coverImages ? item.coverImages[0] : ''" alt=""></div> <div class="col jia6-item-txts"> <p class="line-clamp jia6-item-name">{{item.title}}</p> <p class="line-clamp jia6-item-intro">{{item.mtitle}}</p> </div> </a> </li> </ul> <a :href="'news.html?id=' + newActive" class="jia6-btn">查看更多</a> </div> </div> </div> <div class="jia7" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <p class="se-title">合作媒体</p> <div class="jia7-container"> <div class="jia7-swiper swiper-container" id="swiperJia7"> <div class="swiper-wrapper"> <a class="swiper-slide" v-for="item in cooperateMedisImages" :href="item.link" target="_blank"><img :src="item.url"></a> </div> </div> <div class="jia7-alink"> <a href="http://www.company173.com/"> 企业信息资讯网 </a> <a href="http://www.fala114.com/"> 发啦企业信息网 </a> <a href="http://www.5jjxw.com/"> 五金机械网 </a> <a href="http://www.sjbl.cc/"> 世界机械网 </a> <a href="http://www.zgbl.cc/"> 机械工业网 </a> <a href="http://www.glasscn.com.cn/"> 机械行业网 </a> <a href="http://www.glasscn.cc/"> 机械资讯网 </a> <a href="http://www.1688glass.net/"> 机械信息网 </a> <a href="http://www.1688glass.cn/"> 机械商务网 </a> <a href="http://www.52home.cn/"> 我爱家园网 </a> <a href="http://www.jzhyw.net/"> 家装行业网 </a> <a href="http://www.jjhyw.net/"> 家居行业网 </a> <a href="http://www.fkw100.com/"> 房客家装网 </a> <a href="http://www.cnhomev.com/"> 家装商务网 </a> <a href="http://www.hhhbb.org/"> 环保家装网 </a> <a href="http://www.ytbfb100.com/"> 亚太家居网 </a> <a href="http://www.92shang.com/"> 就爱家居网 </a> <a href="http://www.jjjkk.org/"> 健康家居网 </a> <a href="http://www.jjjzz.org/"> 家装信息网 </a> <a href="http://www.mmmzz.org/"> 拇指家装网 </a> <a href="http://www.sssdd.org/"> 时代家居网 </a> <a href="http://www.4hfk.com/"> 房客家居网 </a> <a href="http://www.plfangchan.com/"> 品论房产家居网 </a> <a href="http://w.zg198.net/"> 会展资源网 </a> </div> <div class="row"><a href="/mediImages.html" class="col jia7-more-btn">查看更多</a></div> </div> <div class="jia8" style="background-image: linear-gradient(0deg, #ffe100 100%, #ffe100 100%);"> <p class="se-title">支持媒体</p> <div class="jia7-swiper swiper-container" id="swiperJia8"> <div class="swiper-wrapper"> <a class="swiper-slide" v-for="item in suportMediaImages" :href="item.link" target="_blank"><img :src="item.url"></a> </div> </div> <div class="row"><a href="/mediImages.html" class="col jia7-more-btn">查看更多</a></div> </div> </div> </div> <div class="footer" id="footer"> <div class="footer-wrapper"> <p>广州博骏家居科技有限公司©版权所有</p> <p>Copyright 2022-2029 BOJUN EXPO.All rights reserved</p> <p>广州市海珠区新港东路996号保利世界贸易中心（F区）自编03-01铺</p> <p>联系电话：400-807-3990</p> <p> <a class="col" href="https://beian.miit.gov.cn/">粤ICP备15057367号</a> </p> </div> </div> <div class="loading-container" v-show="loading"> <div class="loading"> <div class="loading-wrapper"> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> </div> </div> </div> <div id="nav"> <nav class="row nav-wrapper"> <a href="/index.html" class="col nav-item nav-item-run"> <img src="/static/images/nav1run.png"> <p>首页</p> </a> <a href="/info.html" class="col nav-item"> <img src="/static/images/nav2.png"> <p>展会信息</p> </a> <a href="/stand.html" class="col nav-item"> <img src="/static/images/nav3.png"> <p>展位申请</p> </a> <a href="/viewer.html" class="col nav-item"> <img src="/static/images/nav4.png"> <p>观众登记</p> </a> <a href="/mine.html" class="col nav-item"> <img src="/static/images/nav5.png"> <p>找回证件</p> </a> </nav> </div> </div> </body> <script src="/static/js/jquery-1.11.0.min.js"></script> <script src="/static/js/jquery.wresize.js"></script> <script src="/static/js/jquery.cookie.js"></script> <script src="/static/js/swiper.min.js"></script> <script src="/static/js/vue.js"></script> <script src="/static/js/rem.js"></script> <script type="text/javascript" src="/static/js/toTop.js"></script> <script src="/static/js/axios.min.js"></script> <script type="text/javascript" src="/api/include.js"></script> <script type="text/javascript" src="/api/request.js"></script> <script type="text/javascript" src="/api/qs.js"></script> <script src="/static/js/jweixin.js"></script>  <script> var signature = { }; // var url = window.location.href; var url = location.href.split('#')[0]; request('/client/weixin/jsapiticket', 'post', undefined, undefined, { 'url': url }).then(res => { if (!res) return; signature = res; wx.config({ debug: false, // 关闭调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: signature.appId, // 必填，公众号的唯一标识 timestamp: signature.timestamp, // 必填，生成签名的时间戳 nonceStr: signature.nonceStr, // 必填，生成签名的随机串 signature: signature.signature,// 必填，签名 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'updateAppMessageShareData', //1.4 自定义“分享给朋友”及“分享到QQ”按钮的分享内容 'updateTimelineShareData', //1.4 自定义“分享到朋友圈”及“分享到 QQ 空间”按钮的分享内容 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必填，需要使用的JS接口列表 }); }) const data = { showName: '距离展会开始', showTime: '2022-09-25', loading: false, showData:{}, indexData: {}, banners: [], dataJson: [], ad:[], joinShowPpImages: [], eightShowImages: [], tongQIShowImages: [], cooperateMedisImages: [], suportMediaImages: [], newMenu: [], newActive: 0, newList: [], videoInfo: {}, scrollPlay: false } let RenderHtmlApp = { el: '#app', data() { return data }, mounted() { window.addEventListener('scroll', this.handleScroll, true); $(window).wresize(function() { if (data.dataJson.length === 0) return; let dataJson = data.dataJson let arr = $('.signatures') for (let i = 0; i < arr.length; i++) { arr[i].innerHTML = dataJson[i].num } }); }, created() { this.getShowDetail() this.getIndexSetting() this.getNewMenu() let fr = this.getQueryVariable('fr') if (fr && fr !== null) { $.cookie('fr', fr) } }, methods: { getQueryVariable(variable) { var query = decodeURI(window.location.search.substring(1)); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); }, handleScroll() { if (this.scrollPlay || (this.dataJson.length === 0)) return; let dataJson = this.dataJson let scrollData = $('#scrollData').offset().top var wintop = $(window).scrollTop(); // 已滚动卷去的高度 let winHeight = $(window).height(); // 可视窗口的高度 if ((wintop + winHeight - 0) > scrollData) { let arr = $('.signatures') for (let i = 0; i < arr.length; i++) { this.play(dataJson[i].num, $(arr)[i]); if (i === (arr.length - 1)) { this.scrollPlay = true } } } }, play(num, dom) { /** * 数字动画 * @param {值} num * @param {dom例："#num"} dom * 需要一段css */ var html = ''; // $(".zeronum").html(""); var arr = String(num).split(''); var len = arr.length; // if (len < 4) { // 需要多长就写多少，传入的数值不够的用0填充 // for (var i = 0; i < 4 - len; i++) { // var htmlStr = '<span class="zero">0</span>'; // $(".zeronum").append(htmlStr); // } // } for (var i = 0; i < len; i++) { if (arr[i] == '.') { html += "."; continue } html += '<p id="num_' + i + '" class="num_Animation" data-id="' + i + '">'; html += "<span>"; for (var k = 0; k < 10; k++) { for (var j = 0; j < 10; j++) { html += '<i>' + j + '</i>'; } } html += "</span>"; html += '</p>'; } dom.innerHTML = html var num = $(dom).find(".num_Animation"); var spanHeight = num[0].querySelector('span').offsetHeight; var numlen = num.length; for (var j = 0; j < numlen; j++) { var newi = document.createElement('i'); newi.innerHTML = arr[num[j].getAttribute("data-id")]; num[j].querySelector("span").appendChild(newi); num[j].querySelector("span").style.webkitTransition = 'all ' + (.9 + j * .1) + 's ease-in .1s'; num[j].querySelector("span").style.webkitTransform = 'translate3d(0,-' + spanHeight + 'px,0)'; } html += "</span>"; html += '</p>'; dom.innerHTML = html var num = $(dom).find(".num_Animation"); var spanHeight = num[0].querySelector('span').offsetHeight; var numlen = num.length; for (var j = 0; j < numlen; j++) { var newi = document.createElement('i') newi.innerHTML = arr[num[j].getAttribute("data-id")]; num[j].querySelector("span").appendChild(newi) num[j].querySelector("span").style.webkitTransition = 'all ' + (.9 + j * .1) + 's ease-in .1s' num[j].querySelector("span").style.webkitTransform = 'translate3d(0,-' + spanHeight + 'px,0)' } }, getShowDetail() { let self = this; request('/client/show/detail', 'post', undefined, undefined, { 'city': '广州' }).then(function(res) { if (!res) return; var showTime = res.showTime.replace(/\-/g, '/'); var closeTime = res.closeTime.replace(/\-/g, '/'); var choose6 = self.getDay(showTime) + ' 至 ' + self.getDay(closeTime) res['bannerShowTime'] = choose6.replace(/\//g, '-') self.showData = res }).catch(err => { alert(err) }) }, setShare(key,des) { wx.ready(function () { //需在用户可能点击分享按钮前就先调用 var shareData = { title: key ? key : '广州定制家居展', // 分享标题 desc: des ? des : '70000㎡展区,500家展商,10万观众人次,10月20-22日中国西部国际博览城精彩上演!', // 分享描述 link: location.href.split('#')[0], // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致 imgUrl: 'https://m.chfcdu.com/static/images/share_ico.png', // 分享图标 success: function (res) { // 设置成功 // alert(JSON.stringify(res)) } } // wx.onMenuShareAppMessage(shareData); //分享给好友 // wx.onMenuShareTimeline(shareData); //分享到朋友圈 // wx.onMenuShareQQ(shareData); //分享给手机QQ // wx.onMenuShareQZone(shareData); //分享到QQ空间 wx.onMenuShareWeibo(shareData); //分享腾讯微博 // wx.checkJsApi({ // jsApiList: ['updateAppMessageShareData','updateTimelineShareData'], // 需要检测的 JS 接口列表，所有 JS 接口列表见附录2, // success: function(res) { // console.log('[ res ] >', res) // // 以键值对的形式返回，可用的 api 值true，不可用为false // // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} wx.updateAppMessageShareData(shareData) wx.updateTimelineShareData(shareData) // } // }); }); wx.error(function (res) { alert(res); //错误提示 }); }, getIndexSetting() { this.loading = true request('/client/indexsetting/detail', 'post', undefined, undefined, { 'type': '广州-手机' }).then(res => { this.loading = false if (!res) return; let self = this; for (const key in res) { if (Object.hasOwnProperty.call(res, key)) { // if (key == 'title') { //首页标题 // document.title = res[key] // } // if (key == 'metaKey' && $('meta[name="keywords"]')[0]) { // $('meta[name="keywords"]')[0].content = res[key] // } // if (key == 'metaDes' && $('meta[name="description"]')[0]) { // $('meta[name="description"]')[0].content = res[key] // } self.setShare(res['metaKey'],res['metaDes']) if (key == 'showTime') { this.showTime = res[key] let jsTimes = document.querySelectorAll('.count-down'); jsTimes.forEach((obj) => { this.teamCountTime(obj); }); } if (key == 'broadcastImages' && res[key] !== '') { self.banners = JSON.parse(res[key]) setTimeout(function() { swiperBanner() }, 1500) } if (key == 'dataJson' && res[key] !== '') { //数据标签 self.dataJson = JSON.parse(res[key]) self.dataJson.forEach(element => { element.num = parseInt(element.data) element.unit = element.data.slice(element.num.toString().length) }); setTimeout(function() { self.handleScroll() }, 1000) } if (key == 'ad' && res[key] !== '') { // self.eightShowImages = res[key].split(',') self.ad = JSON.parse(res[key]) setTimeout(function() { swiperAd() }, 1000) } if (key == 'joinShowPpImages' && res[key] !== '') { // self.eightShowImages = res[key].split(',') self.joinShowPpImages = JSON.parse(res[key]) } if (key == 'eightShowImages' && res[key] !== '') { //eightShowImages self.eightShowImages = JSON.parse(res[key]) setTimeout(function() { swiperJia3() }, 1000) } if (key == 'tongQIShowImages' && res[key] !== '') { //同期的会展图片 self.tongQIShowImages = JSON.parse(res[key]) setTimeout(function() { swiperJia5() }, 1000) } if (key == 'cooperateMedisImages' && res[key] !== '') { //eightShowImages self.cooperateMedisImages = JSON.parse(res[key]) setTimeout(function() { swiperJia7() }, 1000) } if (key == 'suportMediaImages' && res[key] !== '') { //eightShowImages self.suportMediaImages = JSON.parse(res[key]) setTimeout(function() { swiperJia8() }, 1000) } if (key == 'videoAddress' && res[key] !== '') { request('/client/indexsetting/getplayinfo', 'post', undefined, undefined, { 'videoId': res[key] }).then(video => { if (!video) return; this.videoInfo = video }) } } } this.indexData = res }) }, getNewMenu() { request('/client/menu/menutree', 'post').then(res => { if (!res) return; var self = this; var main = function(data) { data.forEach(function(item) { if(item.id == 30){ self.renderData(item) }else if(item.children.length !== 0){ main(item.children) } }) } main(res) }) }, renderData: function(item) { let self = this; if (item.id == 30 && item.children.length !== 0) { self.newMenu = item.children setTimeout(function() { swiperJia6() }, 1000) self.chooseNewList(item.children[0].id) } }, getNewList(id) { let ids = []; ids[0] = id request('/client/news/search', 'post', { 'length': 3, 'start': 1, 'menuId': ids, 'status': 1, //1:上架； 2：下架 'isHot': 1 }).then(res => { if (!res) return; if (res.records.length !== 0) { res.records.forEach(element => { element.coverImages = element.coverImages ? element.coverImages.split(',') : [] }); this.newList = res.records } }) }, chooseNewList(id) { this.newActive = id this.getNewList(this.newActive) }, getDay(time) { // 获取每一天的时间 YY-MM-DD var time = new Date(time); var year = time.getFullYear(time); var mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1)); var day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate()); var YYMMDD = year + '/' + mouth + '/' + day; return YYMMDD }, teamCountTime(obj) { let self = this; //倒计时 var timer = null; let setName = self.showName function fn() { //获取设置的时间如：2019-3-28 14:00:00 ios系统得加正则.replace(/\-/g, '/'); var setTime = self.showTime.replace(/\-/g, '/'); //获取当前时间 var date = new Date(self.getDay(new Date())), now = date.getTime(), endDate = new Date(self.getDay(new Date(setTime))), end = endDate.getTime(); //时间差 var leftTime = end - now; //d,h,m,s 天时分秒 var d, otime = ''; if (leftTime > 0) { d = Math.floor(leftTime / 1000 / 60 / 60 / 24); otime = d.toString(); let arr = otime.split(''); let numStr = '' arr.forEach(num => { numStr = numStr + '<span class="count-down-num">' + num + '</span>' }); obj.innerHTML = '<strong>' + setName + '</strong>' + numStr + '<span class="count-down-text">天</span>'; timer = setTimeout(fn, 1000); } else { //已结束 clearTimeout(timer); obj.innerHTML = '<strong>' + setName + '</strong>' + '<span class="count-down-num">' + '0' + '</span>' + '<span class="count-down-num">' + '0' + '</span>' + '<span class="count-down-text">天</span>'; } } fn(); } } }; let app = new Vue(RenderHtmlApp); </script> <script> let swiperBanner = function() { if ($('#banner') && $('#banner .swiper-slide').length >= 2) { var swiper = new Swiper('#banner', { loop: true, autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, }, pagination: { el: '#banner .swiper-pagination', clickable: true, }, }); swiper.el.onmouseover = function() { //榧犳爣鏀句笂鏆傚仠杞挱 swiper.autoplay.stop(); } swiper.el.onmouseleave = function() { swiper.autoplay.start(); } } } var swiperAd = function() { if ($('#swiperAd') && $('#swiperAd .swiper-slide').length >= 2) { var swiperad = new Swiper('#swiperAd', { loop: true, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, pagination: { el: '#swiperAd .swiper-pagination', clickable: true, }, }); swiperad.el.onmouseover = function() { //榧犳爣鏀句笂鏆傚仠杞挱 swiperad.autoplay.stop(); } swiperad.el.onmouseleave = function() { swiperad.autoplay.start(); } } } let swiperJia3 = function() { var s3 = new Swiper('#swiperJia3', { loop: true, autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, slidesPerView: 'auto' }) } let swiperJia5 = function() { var s5 = new Swiper('#swiperJia5', { loop: true, autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, slidesPerView: 'auto' }) } let swiperJia6 = function() { var s6 = new Swiper('#swiperJia6', { slidesPerView: 'auto' }) } let swiperJia7 = function() { if ($('#swiperJia7 .swiper-slide').length > 3) { var s7 = new Swiper('#swiperJia7', { autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, slidesPerView: 'auto', loop: true, }); s7.el.onmouseover = function() { //榧犳爣鏀句笂鏆傚仠杞挱 s7.autoplay.stop(); } s7.el.onmouseleave = function() { s7.autoplay.start(); } } } let swiperJia8 = function() { if ($('#swiperJia8 .swiper-slide').length > 3) { var s8 = new Swiper('#swiperJia8', { autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, slidesPerView: 'auto', loop: true, }); s8.el.onmouseover = function() { //榧犳爣鏀句笂鏆傚仠杞挱 s8.autoplay.stop(); } s8.el.onmouseleave = function() { s8.autoplay.start(); } } } </script> <script type="text/javascript" src="https://m.chfgz.com/popupTip.js"></script> </html>

CINXE.COM

中国广州定制家居展览会丨官方网站