广州定制家居展

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>广州定制家居展</title> <meta name="keywords" content="中国广州定制家居展_整家整装展_全屋定制展览会"> <meta name="description" content="广州定制家居展作为国内规模最大的专业定制家居展，是定制家居企业展示精品、招商加盟首选平台，也是经销商寻找品牌、上下游产业链需求合作机遇的桥梁与纽带。"> <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/info.css"> <style> [v-cloak] { display: none; } </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="/index.html" 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="info-container"> <div class="row info-wrapper"> <div class="col info-left"> <ul class="info-left-list"> <li v-for="(item,index) in menuJson"><a @click="menuAcitve = index" :class="menuAcitve === index ? 'info-active':''">{{item.name}}</a></li> </ul> </div> <div class="col info-main"> <ul class="row info-main-list" v-if="menuJson.length !== 0"> <li class="col" v-for="item in menuJson[menuAcitve].children"> <a :href="item.url"> <div class="info-main-img"><img :src="item.icon ? item.icon : '/images/test.png'" alt=""></div> <p class="info-main-name">{{item.name}}</p> </a> </li> </ul> </div> </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"> <img src="/static/images/nav1.png"> <p>首页</p> </a> <a href="/info.html" class="col nav-item nav-item-run"> <img src="/static/images/nav2run.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/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> const data = { showName: '距离展会开始', showTime: '2022-09-25', loading: false, menuAcitve: 0, menuJson: [] } let RenderHtmlApp = { el: '#app', data() { return data }, created() { this.getIndexSetting() }, methods: { getIndexSetting() { this.loading = true request('/client/indexsetting/detail', 'post', undefined, undefined, { 'type': '广州-手机' }).then(res => { this.loading = false if (!res) return; let self = this; self.menuJson = res['menuJson'] ? JSON.parse(res['menuJson']) : [] this.showTime = res['showTime'] let jsTimes = document.querySelectorAll('.count-down'); jsTimes.forEach((obj) => { this.teamCountTime(obj); }); this.indexData = res }) }, 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>'; console.log(setName + '已结束') } } fn(); }, } }; let app = new Vue(RenderHtmlApp); </script> </html>

CINXE.COM

广州定制家居展