博华优选-集线上线下展览、会议、活动为一体的融合型一站式B2B平台

<!DOCTYPE html> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-9M8WJCECS3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9M8WJCECS3'); </script> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>博华优选-集线上线下展览、会议、活动为一体的融合型一站式B2B平台</title> <meta name="keywords" content="博华优选,博华优选官网,线上线下贸易展会,一站式B2B贸易平台"> <meta name="description" content="博华优选为买家提供家具软装、食品饮料、酒店和商业空间、制药、食品加工包装、船艇休闲旅游、灯饰、清洁等领域优选产品供应，同时汇聚多行业优质供应商，打造全新一站式集线上线下展览、会议、活动为一体的融合型一站式B2B平台。"> <link rel="stylesheet" href="/www_home/css/pc/zh/index.css?1.7"/> <link rel="stylesheet" href="/www_home/js/swiper/css/swiper.css"/> <link rel="stylesheet" href="/www_home/js/swiper/css/animate.css"/> <link rel="stylesheet" href="/www_home/icon/iconfont.css"/> <link rel="shortcut icon" href="/www_home/image/pc/favicon.ico?1.1" type="image/x-icon"> <link rel="canonical" href="www.jiagle.com" /> <meta name="baidu-site-verification" content="codeva-7LTlOdar0b" />  <style type="text/css"> .swiper { --swiper-navigation-color: RGBA(206, 206, 206, 1); /* 单独设置按钮颜色 */ } </style>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?5122fd2dfe9685aab0d2b47ebaaedee7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body><script>(function () { document.cookie = "HOY_TR=EWYZOLFJGNQAKMRT,5BD23794A68ECF01,sbmaoqxrzgwcyhuk; max-age=31536000; path=/";document.cookie = "HBB_HC=7a3917e7fd1c22bd6ab536205d4ff3229348c45a495b9038283fdf62066b9cab4e26aa8208aa81bab2e7a8859dea450289; max-age=300; path=/"; })()</script><script src="/_ws_sbu/sbu_hc.js"></script> <div id="app" style="display: none"> <div class="box header-box"> <div class="boxs header-boxs"> <img class="logo" src="/www_home/image/pc/logo.png?1.1"/> <div class="seach-box"> <div class="menu-ul"> <div :class="{ select: menuShow == 2 }" class="menu-li" @click="menuClick(2)" > 产品 </div> <div :class="{ select: menuShow == 1 }" class="menu-li" @click="menuClick(1)" > 厂商 </div> <div :class="{ select: menuShow == 3 }" class="menu-li" @click="menuClick(3)" > 资讯 </div> </div> <div class="input-box"> <div> <svg t="1654063259098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3217" width="200" height="200"><path d="M512 714.666667c-8.533333 0-17.066667-2.133333-23.466667-8.533334l-341.333333-341.333333c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l320 317.866667 317.866667-320c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L533.333333 704c-4.266667 8.533333-12.8 10.666667-21.333333 10.666667z" p-id="3218"></path></svg> <select id="industryValue" style="width: 108px;text-align: center;cursor: pointer;"> <option value="0">选择行业</option> <option :key="item.key" v-for="item in lists" :value="item.key">{{item.name}}</option> </select> <input v-model="inputs" id="inputId" placeholder="请先选择行业，再输入关键词"/> </div> <i class="iconfont icon-sousuo" @click="toPage()"></i> </div> </div> <a class="lang" href="https://en.jiagle.com/">English</a>  </div> </div> <div class="box content-box" style="padding-bottom: 100px"> <div class="boxs"> <div class="classify-ul"> <template v-for="(item,index) in lists"> <a :href="item.pc_zh_href" class="classify-li" @mousemove="OnMousemove(index)" target="_blank"> <template v-if="item.imgIcon!='icon-dengshizaixian' && item.imgIcon!='icon-zhiyaozaixian'"> <i class="iconfont img1" :class="item.imgIcon" :style="{'background-color':item.backgroundColor}"></i> </template> <template v-else> <template v-if="item.imgIcon=='icon-dengshizaixian'"> <img src="/www_home/image/pc/deng.png" style=" object-fit: contain;" class="img1" :style="{'background-color':item.backgroundColor}" /> </template> <template v-else> <img src="/www_home/image/pc/cphi0609.png" style=" object-fit: contain;" class="img1" :style="{'background-color':item.backgroundColor}" /> </template> </template> <div class="span1">{{item.name}}</div> </a> <div class="classify-select" :style="{'left':(selectIndex*155)+30+'px','border-bottom':'20px solid '+lists[selectIndex].backgroundColor}"></div> </template> </div> <div class="detail-box" v-if="detailShow"> <div class="detail-box-menu"> <a :href="objDetail.pc_zh_href" target="_blank"> <img class="logos" v-if="objDetail.icon" :style="{'margin-top':objDetail.key==7?'5px':'8px'}" :src="'/www_home/image/pc/'+objDetail.icon"/> </a> <div class="text-box" v-if="objDetail.key==1"> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_ketingjiaju/#site=jiagle" class="text-box-li">客厅家具</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_cantingjiaju/#site=jiagle" class="text-box-li">餐厅家具</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_wofangjiaju/#site=jiagle" class="text-box-li">卧室家具</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_shufangjiaju/#site=jiagle" class="text-box-li">书房家具</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_huwaijiaju/#site=jiagle" class="text-box-li">户外家具</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_bangongjiaju/#site=jiagle" class="text-box-li">定制家具</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_jiajushipin/#site=jiagle" class="text-box-li">家居饰品</a> <a target="_blank" href="https://www.jiagle.com/jiaju_chanpin/cat_cailiaopeijian/#site=jiagle" class="text-box-li">材料配件</a> </div> <div class="text-box" v-if="objDetail.key==2" style="width: 700px"> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_shipinzonghe/#site=jiagle" class="text-box-li" style="width:21%">食品综合</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_canyinshicai/#site=jiagle" class="text-box-li" style="width:21%">餐饮食材</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_hongbeishebeijiyuanwuliao/#site=jiagle" class="text-box-li" style="width:30%">烘焙设备及原物料</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_bingjilingshebeijiyuanwuliao/#site=jiagle" class="text-box-li" style="width:21%">冰淇淋设备及物料</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_yinpinzonghe/#site=jiagle" class="text-box-li" style="width:21%">饮品综合</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_kafeiyucha/#site=jiagle" class="text-box-li" style="width:21%">咖啡与茶</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_chufangshebei/#site=jiagle" class="text-box-li" style="width:30%">厨房设备与用品</a> <a target="_blank" href="https://www.jiagle.com/shiyin_chanpin/cat_zhuomianyongpin/#site=jiagle" class="text-box-li" style="width:21%">桌面用品</a> </div> <div class="text-box" v-if="objDetail.key==3"> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_jiudianyongpin/#site=jiagle" class="text-box-li">酒店用品</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_jiudianjianzhu/#site=jiagle" class="text-box-li">建筑装饰</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_shangyongjiaju/#site=jiagle" class="text-box-li">商用家具</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_shangyezhaoming/#site=jiagle" class="text-box-li">商业照明</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_zhinengjishu/#site=jiagle" class="text-box-li">智能技术</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_qingjiewuguan/#site=jiagle" class="text-box-li">清洁物管</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_zizhulingshou/#site=jiagle" class="text-box-li">自助零售</a> <a target="_blank" href="https://www.jiagle.com/sykj_chanpin/cat_liansuojiameng-shangpuchenlie/#site=jiagle" class="text-box-li">连锁加盟 / 商铺陈列</a> </div> <div class="text-box" v-if="objDetail.key==4" style="width: 700px"> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-4.html#site=jiagle" class="text-box-li" style="width:21%">原料药</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-25.html#site=jiagle" class="text-box-li" style="width:21%">中间体</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-104.html#site=jiagle" class="text-box-li" style="width:24%">药用辅料</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-212.html#site=jiagle" class="text-box-li" style="width:21%">制药与包装机械</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-333.html#site=jiagle" class="text-box-li" style="width:21%">包装材料</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-128.html#site=jiagle" class="text-box-li" style="width:21%">合同定制</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-248.html#site=jiagle" class="text-box-li" style="width:24%">环保与洁净系统</a> <a target="_blank" href="https://www.cphi.cn/Products/list-htm-catid-291.html#site=jiagle" class="text-box-li" style="width:21%">实验室仪器与装备</a> </div> <div class="text-box" v-if="objDetail.key==5" style="width: 700px"> <a target="_blank" href="https://www.sjgle.com/fia/#site=jiagle" class="text-box-li" style="width:21%">食品原料</a> <a target="_blank" href="https://www.sjgle.com/Search/17.html#site=jiagle" class="text-box-li" style="width:24%">天然健康产品</a> <a target="_blank" href="https://www.sjgle.com/Search/9.html#site=jiagle" class="text-box-li" style="width:24%">健康天然原料</a> <a target="_blank" href="https://www.sjgle.com/baojianpin/#site=jiagle" class="text-box-li" style="width:21%">营养保健品</a> <a target="_blank" href="https://www.sjgle.com/Search/1.html#site=jiagle" class="text-box-li" style="width:21%">食品配料</a> <a target="_blank" href="https://www.sjgle.com/Search/21.html#site=jiagle" class="text-box-li" style="width:24%">健康器械及用品</a> <a target="_blank" href="https://www.sjgle.com/ppkc/#site=jiagle" class="text-box-li" style="width:24%">加工包装机械</a> <a target="_blank" href="https://www.sjgle.com/sta/#site=jiagle" class="text-box-li" style="width:21%">淀粉及衍生物</a> </div> <div class="text-box" v-if="objDetail.key==6" style="width: 700px"> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/chuanting0/#site=jiagle" class="text-box-li" style="width:18%">船艇</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/luyadiaoyu/#site=jiagle" class="text-box-li" style="width:23%">路亚钓鱼</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/fangche/#site=jiagle" class="text-box-li" style="width:20%">房车</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/chuantingshebeipeijian10/#site=jiagle" class="text-box-li" style="width:21%">船艇设备及配件</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/zhbb/#site=jiagle" class="text-box-li" style="width:18%">民宿</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/shuishangyundong/#site=jiagle" class="text-box-li" style="width:23%">水上运动</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/luying/#site=jiagle" class="text-box-li" style="width:20%">露营</a> <a target="_blank" href="https://www.jiagle.com/xiuxian_chanpin/huwai/#site=jiagle" class="text-box-li" style="width:21%">户外</a> </div> <div class="text-box" v-if="objDetail.key==7" style="width: 700px"> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_shineizhuangshidengju/#site=jiagle" class="text-box-li" style="width:25%">室内装饰灯具</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_jiajuzhaoming/#site=jiagle" class="text-box-li" style="width:21%">家居照明</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_shangyezhaoming/#site=jiagle" class="text-box-li" style="width:21%">商业照明</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_huwaizhaoming/#site=jiagle" class="text-box-li" style="width:21%">户外照明</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_ledzhaomingyujishu/#site=jiagle" class="text-box-li" style="width:25%">LED照明与技术</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_zhuanyongdengju/#site=jiagle" class="text-box-li" style="width:21%">专用灯具</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_dengshipeitao/#site=jiagle" class="text-box-li" style="width:21%">材料配件</a> <a target="_blank" href="https://www.jiagle.com/dengshi_chanpin/cat_shengchanshebei/#site=jiagle" class="text-box-li" style="width:21%">设备及加工技术</a> </div> <div class="text-box" v-if="objDetail.key==8" style="width: 700px"> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_qingjieji/#site=jiagle" class="text-box-li" style="width:24%">清洁剂</a> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_qingjiegongjujiyongpin/#site=jiagle" class="text-box-li" style="width:24%">清洁工具及用品</a> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_kongqijinghua/#site=jiagle" class="text-box-li" style="width:29%">室内环境及空气净化</a> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_qingjieshebeipeijian/#site=jiagle" class="text-box-li" style="width:18%">清洁设备配件</a> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_qingjiejixieyushebei/#site=jiagle" class="text-box-li" style="width:24%">清洁机械与设备</a> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_huanweisheshijiyongpin/#site=jiagle" class="text-box-li" style="width:24%">环卫设施及用品</a> <a target="_blank" href="https://www.jiagle.com/qingjie_chanpin/cat_louyusheshiweihujiguanli/#site=jiagle" class="text-box-li" style="width:21%">楼宇设施维护及管理</a> </div> <div class="wechart" v-if="objDetail.wecharts" :style="{'margin-left':objDetail.key==1||objDetail.key==3?'':'17px'}"> <img :src="'/www_home/image/pc/'+objDetail.wecharts" > </div> </div> <div style="border-bottom: 1px solid rgba(219, 219, 219, 1)"> <div class="swiper-container"> <div class="swiper-wrapper"> <a target="_blank" class="swiper-slide" v-for="item in objDetail.bannerList" :title="item.title" :href="item.path" > <img :src="item.imgUrl" class="swiper-img"/> </a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <div class="Offline-event"> <div class="h1"> <img src="/www_home/image/pc/1-6.png"> <span>线下展会</span> </div> <div class="h2"> <div class="loop-reverse-infinity" v-if="infinityShow"> <div class="h2-li" v-for="item in objDetail.dataList" :key="item.key"> <a target="_blank" :href="item.path" :title="item.name" style="display: block;text-align: center;text-decoration:none"> <span style="color:#000000;font-weight: bold;white-space: nowrap;overflow: hidden;text-align: center;max-width: 500px;display: inline-block;text-overflow: ellipsis">{{item.name}}</span><span style="color: rgba(135, 135, 135, 1);margin-left: 20px;position: relative;top:-9px">{{item.time}}</span> </a> </div> <div> <div class="h2-li" v-if="dataFlag>1"> <a target="_blank" style="display: block;text-align: center;text-decoration:none" :href="objDetail.dataList[0].path" :title="objDetail.dataList[0].name"> <span style="color:#000000;font-weight: bold;white-space: nowrap;overflow: hidden;text-align: center;max-width: 500px;display: inline-block;text-overflow: ellipsis">{{objDetail.dataList[0].name}}</span><span style="color: rgba(135, 135, 135, 1);margin-left: 20px;position: relative;top:-9px">{{objDetail.dataList[0].time}}</span> </a> </div> </div> </div> </div> </div> </div> <div class="guanggao"></div> <div class="guanggao-List"> <div class="guanggao-li"> <img src="/www_home/image/pc/zhanhui.png" style="width: 60px"/> <p style="margin-top:11px"> 展会</p> </div> <div class="guanggao-li"> <img src="/www_home/image/pc/cangoutong.png" style="width: 68px"/> <p style="margin-top: 17px"> 采购通</p> </div> <div class="guanggao-li"> <img src="/www_home/image/pc/huodong.png" style="width: 52px"/> <p style="margin-top: 16px"> 活动</p> </div> <div class="guanggao-li"> <img src="/www_home/image/pc/zhibo.png" style="width: 56px"/> <p style="margin-top: 14px"> 直播</p> </div> </div> <a class="guanggaos" href="https://www.imsinoexpo.com/"></a> <div class="footers"> <div><img class="img1" src="/www_home/image/pc/minLogo.png"/><span class="span1">上海博华国际展览有限公司版权所有（保留一切权利） <a href="https://beian.miit.gov.cn/" class="span2" style="position: initial;">沪ICP备05034851号-77</a> </span> </div> <div style="margin-top: 20px"> <img class="img2" src="/www_home/image/pc/police.png?1.1"/> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=31010402000543" class="span2" rel="noreferrer" target="_blank">沪公网安备 31010402000543号 </a> </div>        </div> </div> </div> </div> <script src="/www_home/js/vue.js"></script> <script src="/www_home/js/anime.js"></script> <script src="/www_home/js/jquery.min.js"></script> <script src="/www_home/js/swiper/js/swiper.js"></script> <script src="/www_home/js/common.js?1.3"></script> <script> /* name--名称 pc_zh_href --跳转连接 icon --- logo 放在 image/pc 文件夹下 wecharts-- 微信二维码放在 image/pc 文件夹下 menuList-- 产品分类list 其中 name 是名称 path 则是跳转连接 bannerList--轮播图片List 其中 imgUrl是显示图片地址放在 image/pc 文件夹下； path 则是图片跳转连接 dataList ---线下展会自动滚动List name是标题名称 time 则是发布时间 */ var JSONData=[ { "name":"家具软装", "imgIcon":"icon-jiajuzaixian", "backgroundColor":"rgba(225, 50, 53, 1)", "key":"1", "pc_zh_href":"https://www.jiagle.com/jiaju/#site=jiagle", "icon":"1-1.png", "wecharts":"1-2-1.jpg", "menuList":[ { "name":"客厅家具", "key":"11", "path":"https://www.jiagle.com/jiaju_chanpin/cat_ketingjiaju/#site=jiagle" }, { "name":"餐厅家具", "key":"12", "path":"https://www.jiagle.com/jiaju_chanpin/cat_cantingjiaju/#site=jiagle" }, { "name":"卧室家具", "key":"13", "path":"https://www.jiagle.com/jiaju_chanpin/cat_wofangjiaju/#site=jiagle" }, { "name":"书房家具", "key":"14", "path":"https://www.jiagle.com/jiaju_chanpin/cat_shufangjiaju/#site=jiagle" }, { "name":"户外家具", "key":"15", "path":"https://www.jiagle.com/jiaju_chanpin/cat_huwaijiaju/#site=jiagle" }, { "name":"定制家具", "key":"16", "path":"https://www.jiagle.com/jiaju_chanpin/cat_bangongjiaju/#site=jiagle" }, { "name":"家居饰品", "key":"17", "path":"https://www.jiagle.com/jiaju_chanpin/cat_jiajushipin/#site=jiagle" }, { "name":"材料配件", "key":"18", "path":"https://www.jiagle.com/jiaju_chanpin/cat_cailiaopeijian/#site=jiagle" } ], }, { "name":"食品饮料", "key":"2", "pc_zh_href":"https://www.jiagle.com/shiyin/#site=jiagle", "imgIcon":"icon-shiyinzaixian", "backgroundColor":"rgba(155, 27, 90, 1)", "icon":"2-1.png", "wecharts":"2-2.jpg?1.1", "menuList":[ { "name":"食品综合", "key":"21", "path":"https://www.jiagle.com/shiyin_chanpin/cat_shipinzonghe/#site=jiagle" }, { "name":"餐饮食材", "key":"22", "path":"https://www.jiagle.com/shiyin_chanpin/cat_canyinshicai/#site=jiagle" }, { "name":"烘焙设备及原物料", "key":"23", "path":"https://www.jiagle.com/shiyin_chanpin/cat_hongbeishebeijiyuanwuliao/#site=jiagle" }, { "name":"冰淇淋设备及物料", "key":"24", "path":"https://www.jiagle.com/shiyin_chanpin/cat_bingjilingshebeijiyuanwuliao/#site=jiagle" }, { "name":"饮品综合", "key":"25", "path":"https://www.jiagle.com/shiyin_chanpin/cat_yinpinzonghe/#site=jiagle" }, { "name":"咖啡与茶", "key":"26", "path":"https://www.jiagle.com/shiyin_chanpin/cat_kafeiyucha/#site=jiagle" }, { "name":"厨房设备与用品", "key":"27", "path":"https://www.jiagle.com/shiyin_chanpin/cat_chufangshebei/#site=jiagle" }, { "name":"桌面用品", "key":"28", "path":"https://www.jiagle.com/shiyin_chanpin/cat_zhuomianyongpin/#site=jiagle" } ], }, { "name":"酒店商业空间", "key":"3", "pc_zh_href":"https://www.jiagle.com/sykj/#site=jiagle", "imgIcon":"icon-a-jiudianshangyekongjian", "backgroundColor":"rgba(140, 182, 181, 1)", "icon":"3-1.png", "wecharts":"3-2.jpg?1.1", "menuList":[ { "name":"酒店用品", "key":"31", "path":"https://www.jiagle.com/sykj_chanpin/cat_jiudianyongpin/#site=jiagle" }, { "name":"建筑装饰", "key":"32", "path":"https://www.jiagle.com/sykj_chanpin/cat_jiudianjianzhu/#site=jiagle" }, { "name":"商用家具", "key":"33", "path":"https://www.jiagle.com/sykj_chanpin/cat_shangyongjiaju/#site=jiagle" }, { "name":"商业照明", "key":"34", "path":"https://www.jiagle.com/sykj_chanpin/cat_shangyezhaoming/#site=jiagle" }, { "name":"智能技术", "key":"35", "path":"https://www.jiagle.com/sykj_chanpin/cat_zhinengjishu/#site=jiagle" }, { "name":"清洁物管", "key":"36", "path":"https://www.jiagle.com/sykj_chanpin/cat_qingjiewuguan/#site=jiagle" }, { "name":"自助零售", "key":"37", "path":"https://www.jiagle.com/sykj_chanpin/cat_zizhulingshou/#site=jiagle" }, { "name":"连锁加盟 / 商铺陈列", "key":"38", "path":"https://www.jiagle.com/sykj_chanpin/cat_liansuojiameng-shangpuchenlie/#site=jiagle" } ], }, { "name":"制药", "key":"4", "pc_zh_href":"https://www.cphi.cn/#site=jiagle", "imgIcon":"icon-zhiyaozaixian", "backgroundColor":"rgba(229, 151, 64, 1)", "icon":"4-10608.png", "wecharts":"5-1.jpg?1.1", "menuList":[ { "name":"原料药", "key":"401", "path":"https://www.cphi.cn/Products/list-htm-catid-4.html#site=jiagle" }, { "name":"中间体", "key":"402", "path":"https://www.cphi.cn/Products/list-htm-catid-25.html#site=jiagle" }, { "name":"药用辅料", "key":"403", "path":"https://www.cphi.cn/Products/list-htm-catid-104.html#site=jiagle" }, { "name":"合同定制", "key":"404", "path":"https://www.cphi.cn/Products/list-htm-catid-128.html#site=jiagle" }, { "name":"制药与包装机械", "key":"405", "path":"https://www.cphi.cn/Products/list-htm-catid-212.html#site=jiagle" }, { "name":"包装材料", "key":"406", "path":"https://www.cphi.cn/Products/list-htm-catid-333.html#site=jiagle" }, { "name":"环保与洁净系统", "key":"407", "path":"https://www.cphi.cn/Products/list-htm-catid-248.html#site=jiagle" }, { "name":"实验室仪器与装备", "key":"408", "path":"https://www.cphi.cn/Products/list-htm-catid-291.html#site=jiagle" }, ], }, { "name":"食品加工包装", "key":"5", "pc_zh_href":"https://www.sjgle.com/#site=jiagle", "backgroundColor":"rgba(202, 37, 45, 1)", "imgIcon":"icon-shipinjiagong-copy", "icon":"5-1.png", "wecharts":"5-1.jpg", "menuList":[ { "name":"食品原料", "key":"51", "path":"https://www.sjgle.com/fia/#site=jiagle" }, { "name":"食品配料", "key":"52", "path":"https://www.sjgle.com/Search/1.html#site=jiagle" }, { "name":"健康天然原料", "key":"53", "path":"https://www.sjgle.com/Search/9.html#site=jiagle" }, { "name":"营养保健品", "key":"54", "path":"https://www.sjgle.com/baojianpin/#site=jiagle" }, { "name":"天然健康产品", "key":"55", "path":"https://www.sjgle.com/Search/17.html#site=jiagle" }, { "name":"健康器械及用品", "key":"56", "path":"https://www.sjgle.com/Search/21.html#site=jiagle" }, { "name":"加工包装机械", "key":"57", "path":"https://www.sjgle.com/ppkc/#site=jiagle" }, { "name":"淀粉及衍生物", "key":"58", "path":"https://www.sjgle.com/sta/#site=jiagle" }, ], }, { "name":"船艇休闲旅游", "key":"6", "pc_zh_href":"https://www.jiagle.com/xiuxian/#site=jiagle", "imgIcon":"icon-xiuxianlvyouzaixian", "backgroundColor":"rgba(60, 160, 210, 1)", "icon":"6-1.png", "wecharts":"6-1.jpg", "menuList":[ { "name":"船艇", "key":"61", "path":"https://www.jiagle.com/xiuxian_chanpin/chuanting0/#site=jiagle" }, { "name":"船艇设备及配件", "key":"62", "path":"https://www.jiagle.com/xiuxian_chanpin/chuantingshebeipeijian10/#site=jiagle" }, { "name":"水上运动", "key":"63", "path":"https://www.jiagle.com/xiuxian_chanpin/shuishangyundong/#site=jiagle" }, { "name":"路亚钓鱼", "key":"64", "path":"https://www.jiagle.com/xiuxian_chanpin/luyadiaoyu/#site=jiagle" }, { "name":"民宿", "key":"65", "path":"https://www.jiagle.com/xiuxian_chanpin/zhbb/#site=jiagle" }, { "name":"房车", "key":"66", "path":"https://www.jiagle.com/xiuxian_chanpin/fangche/#site=jiagle" }, { "name":"露营", "key":"67", "path":"https://www.jiagle.com/xiuxian_chanpin/luying/#site=jiagle" }, { "name":"户外", "key":"68", "path":"https://www.jiagle.com/xiuxian_chanpin/huwai/#site=jiagle" }, ], }, { "name":"灯饰", "key":"7", "pc_zh_href":"https://www.jiagle.com/dengshi/#site=jiagle", "imgIcon":"icon-dengshizaixian", "backgroundColor":"rgba(31, 101, 152, 1)", "icon":"7-1new.png", "wecharts":"4-2.jpg?1.1", "menuList":[ { "name":"室内装饰灯具", "key":"71", "path":"https://www.jiagle.com/dengshi_chanpin/cat_shineizhuangshidengju/#site=jiagle" }, { "name":"家居照明", "key":"72", "path":"https://www.jiagle.com/dengshi_chanpin/cat_jiajuzhaoming/#site=jiagle" }, { "name":"商业照明", "key":"73", "path":"https://www.jiagle.com/dengshi_chanpin/cat_shangyezhaoming/#site=jiagle" }, { "name":"LED照明与技术", "key":"74", "path":"https://www.jiagle.com/dengshi_chanpin/cat_ledzhaomingyujishu/#site=jiagle" }, { "name":"户外照明", "key":"75", "path":"https://www.jiagle.com/dengshi_chanpin/cat_huwaizhaoming/#site=jiagle" }, { "name":"专用灯具", "key":"76", "path":"https://www.jiagle.com/dengshi_chanpin/cat_zhuanyongdengju/#site=jiagle" }, { "name":"设备及加工技术", "key":"77", "path":"https://www.jiagle.com/dengshi_chanpin/cat_shengchanshebei/#site=jiagle" }, { "name":"材料配件", "key":"78", "path":"https://www.jiagle.com/dengshi_chanpin/cat_dengshipeitao/#site=jiagle" } ], }, { "name":"清洁", "key":"8", "pc_zh_href":"https://www.jiagle.com/qingjie/#site=jiagle", "imgIcon":"icon-qingjie", "backgroundColor":"rgba(0, 113, 179, 1)", "icon":"8-1.png", "wecharts":"qjgle_2d.png", "menuList":[ { "name":"清洁剂", "key":"81", "path":"https://www.jiagle.com/qingjie_chanpin/cat_qingjieji/#site=jiagle" }, { "name":"清洁工具及用品", "key":"82", "path":"https://www.jiagle.com/qingjie_chanpin/cat_qingjiegongjujiyongpin/#site=jiagle" }, { "name":"清洁设备配件", "key":"83", "path":"https://www.jiagle.com/qingjie_chanpin/cat_qingjieshebeipeijian/#site=jiagle" }, { "name":"清洁机械与设备", "key":"84", "path":"https://www.jiagle.com/qingjie_chanpin/cat_qingjiejixieyushebei/#site=jiagle" }, { "name":"室内环境及空气净化", "key":"85", "path":"https://www.jiagle.com/qingjie_chanpin/cat_kongqijinghua/#site=jiagle" }, { "name":"楼宇设施维护及管理", "key":"86", "path":"https://www.jiagle.com/qingjie_chanpin/cat_louyusheshiweihujiguanli/#site=jiagle" }, { "name":"环卫设施及用品", "key":"87", "path":"https://www.jiagle.com/qingjie_chanpin/cat_huanweisheshijiyongpin/#site=jiagle" }, ], } ] function getQueryVariable2(variable) { let href = window.location.href let query = href.substring(href.indexOf('#') + 1); let vars = query.split("&"); for (var i = 0; i < vars.length; i++) { let pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); } $.ajax({ 'url': '/api/getwww_home_info/', 'type': 'get', 'success': function (data) { let result = JSON.parse(data); let bannerList = result['banner']; let dataList = result['expo']; new Vue({ el: '#app', data: { objDetail: [], menuShow: 2, lists: [], dataFlag:0, selectIndex: 0, mySwiper: null, timesr: null, animeIndex: 1, detailShow: true, inputs:"", infinityShow:true }, mounted() { this.lists = JSONData; let index = 0; for (site in bannerList) { switch (site) { case '2': index = 0; break; case '1': index = 1; break; case '3': index = 2; break; case '100': index = 3; break; case '101': index = 4; break; case '4': index = 5; break; case '7345': index = 6; break; case '113': index = 7; break; default: index = 0; break; } this.lists[index]['bannerList'] = bannerList[site]; if (dataList[site]) { this.lists[index]['dataList'] = dataList[site]; } } let _that = this; let str = getQueryVariable2('site'); if (!str){ str = 'jjgle'; } switch (str) { case 'jjgle': this.selectIndex = 0 break; case 'sygle': this.selectIndex = 1 break; case 'hpgle': this.selectIndex = 2 break; case 'cphi': this.selectIndex = 3 break; case 'sjgle': this.selectIndex = 4 break; case 'xiugle': this.selectIndex = 5 break; case 'denggle': this.selectIndex = 6 break; case 'qjgle': this.selectIndex = 7 break; } this.objDetail = this.lists[this.selectIndex]; document.onkeydown = function (event) { e = event ? event : (window.event ? window.event : null); if (e.keyCode == 13) { var myInput = document.getElementById('inputId'); if (myInput == document.activeElement) { _that.toPage() } else { } } } this.$nextTick(() => { $("#app").show() this.swiperInit(); this.anime_init(); }) }, methods: { //点击搜索 toPage(){ if($('#industryValue').val()=='0'){ alert('请选择行业') return } if(this.inputs==''){ alert('请输入关键字') return } searchToPage(Number($('#industryValue').val()),'zh','pc',Number(this.menuShow),this.inputs) }, menuClick(index) { this.menuShow = index; }, OnMousemove(index) { clearInterval(this.timesr); this.timesr=0; this.selectIndex = index; this.objDetail = this.lists[index]; this.detailShow = false this.$nextTick(() => { this.detailShow = true this.$nextTick(() => { console.log($("#eeee").html()) this.mySwiper = null; this.swiperInit(); this.animeIndex = 1; let judge = false; setTimeout(()=>{ if(this.timesr==0){ this.anime_init() } },2000) }) }) }, swiperInit() { this.mySwiper = new Swiper('.swiper-container', { slidesPerView: 3, spaceBetween: 30, autoplay: { pauseOnMouseEnter: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, centeredSlides: true, touchAngle: 30, //滑动的角度超过30度无效 // 轮播图的方向，也可以是vertical方向 direction: 'horizontal', //环形切换关闭 loop: true, // 切换的速度 speed: 800, //滑动或者自动换页时的速度 // 这样，即使我们滑动之后，定时器也不会被清除 autoplayDisableOnInteraction: false, }); let _that = this; _that.mySwiper.el.onmouseover = function () { _that.mySwiper.autoplay.stop(); } _that.mySwiper.el.onmouseout = function () { _that.mySwiper.autoplay.start(); } }, anime_init() { let _that = this; this.timesr = setInterval(() => { if(_that.objDetail.dataList.length){ _that.dataFlag = 1; if(_that.objDetail.dataList.length > 1){ _that.dataFlag = _that.objDetail.dataList.length; if (_that.animeIndex >= (_that.objDetail.dataList.length)) { clearInterval(_that.timesr); anime({ targets: '.loop-reverse-infinity', translateY: -26 * _that.animeIndex, easing: 'easeInOutSine', complete:function () { _that.infinityShow = false; _that.$nextTick(()=>{ _that.infinityShow = true; _that.$nextTick(()=>{ _that.animeIndex = 1; setTimeout(() => { _that.anime_init() }) }) }) } }); } anime({ targets: '.loop-reverse-infinity', translateY: -26 * _that.animeIndex, easing: 'easeInOutSine' }); this.animeIndex++ } } }, 3000) } } }) } }); </script> </body> </html>

CINXE.COM

博华优选-集线上线下展览、会议、活动为一体的融合型一站式B2B平台