9499a36.js 7.8 KB

1
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[11],{273:function(t,n,e){var content=e(302);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,e(77).default)("1c03951b",content,!0,{sourceMap:!1})},301:function(t,n,e){"use strict";e(273)},302:function(t,n,e){var o=e(76)(!1);o.push([t.i,'@media screen and (min-width:768px){.main .tabbar[data-v-6d7c2052]{background:#eee;height:100px}.main .tabbar .container[data-v-6d7c2052]{display:flex;justify-content:space-between;align-items:center;height:100%}.main .tabbar .line[data-v-6d7c2052]{height:46px;width:3px;background:#aaa}.main .tabbar .tab[data-v-6d7c2052]{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;height:100%;width:16%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main .tabbar .tab .name[data-v-6d7c2052]{font-size:29px;font-weight:400;color:#000;text-align:center}.main .tabbar .tab .en[data-v-6d7c2052]{font-size:17px;font-weight:300;color:#000;text-align:center;margin-top:10px;text-transform:uppercase}.main .tabbar .tab[data-v-6d7c2052]:hover{cursor:pointer}.main .tabbar .tab[data-v-6d7c2052]:after{content:"";position:absolute;opacity:0;width:0;height:0;border-color:transparent transparent #f3920d;border-style:solid;border-width:0 12px 8px;bottom:0}.main .tabbar .tab.on[data-v-6d7c2052]:after{opacity:1}.main .tabbar .tab.on .en[data-v-6d7c2052],.main .tabbar .tab.on .name[data-v-6d7c2052]{color:#f3920d}.main .tab-content .contact .content[data-v-6d7c2052]{display:flex;justify-content:space-between}.main .tab-content .contact .content .contact-logo[data-v-6d7c2052]{margin-bottom:180px}.main .tab-content .contact .content .contact-logo img[data-v-6d7c2052]{display:block;width:279px;height:63px}.main .tab-content .contact .content .map[data-v-6d7c2052]{position:relative;width:657px}.main .tab-content .contact .content .name[data-v-6d7c2052]{font-size:31px;font-weight:700;color:#050001}.main .tab-content .contact .content .subname[data-v-6d7c2052]{font-size:25px;color:#050001;margin-top:8px}.main .tab-content .contact .content ul[data-v-6d7c2052]{margin-top:40px}.main .tab-content .contact .content ul li[data-v-6d7c2052]{font-size:20px;margin:6px 0}.main .tab-content .contact .content ul li .phone span[data-v-6d7c2052]{display:none}}@media screen and (max-width:768px){.main .tabbar[data-v-6d7c2052]{background:#eee;padding:0 .6rem;height:.8rem}.main .tabbar .container[data-v-6d7c2052]{display:flex;justify-content:space-between;align-items:center;height:100%}.main .tabbar .line[data-v-6d7c2052]{height:.4rem;width:.02rem;background:#aaa}.main .tabbar .tab[data-v-6d7c2052]{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;height:100%;width:24%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main .tabbar .tab .name[data-v-6d7c2052]{font-size:.26rem;font-weight:400;color:#000;text-align:center}.main .tabbar .tab .en[data-v-6d7c2052]{display:none}.main .tabbar .tab[data-v-6d7c2052]:hover{cursor:pointer}.main .tabbar .tab[data-v-6d7c2052]:after{content:"";position:absolute;opacity:0;width:0;height:0;border-color:transparent transparent #f3920d;border-style:solid;border-width:0 .12rem .08rem;bottom:0}.main .tabbar .tab.on[data-v-6d7c2052]:after{opacity:1}.main .tabbar .tab.on .en[data-v-6d7c2052],.main .tabbar .tab.on .name[data-v-6d7c2052]{color:#f3920d}.main .tab-content .contact .content[data-v-6d7c2052]{width:6.7rem;margin:0 auto;font-size:0}.main .tab-content .contact .content .contact-logo[data-v-6d7c2052]{margin-bottom:.6rem}.main .tab-content .contact .content .contact-logo img[data-v-6d7c2052]{display:block;width:2.8rem;height:.63rem}.main .tab-content .contact .content .name[data-v-6d7c2052],.main .tab-content .contact .content .subname[data-v-6d7c2052]{font-size:.32rem;font-weight:700;color:#050001;display:inline;line-height:.48rem}.main .tab-content .contact .content ul[data-v-6d7c2052]{margin-top:.4rem;margin-bottom:.4rem}.main .tab-content .contact .content ul li[data-v-6d7c2052]{font-size:.28rem;line-height:.48rem}.main .tab-content .contact .content ul li .phone span[data-v-6d7c2052]{color:#f3920d}.main .tab-content .contact .content .map[data-v-6d7c2052]{position:relative;height:6rem}.main .tab-content .contact .content .map img[data-v-6d7c2052]{display:block;width:100%}}',""]),t.exports=o},347:function(t,n,e){"use strict";e.r(n);e(25);var o={head:function(){return{title:"首页-艾斯佰丽官网-联系方式",script:[{src:"https://webapi.amap.com/loader.js"}]}},data:function(){return{tabList:[],current:1,showMap:!1}},asyncData:function(){return{tabList:[{id:1,name:"联系方式",en:"contact",url:"/contact.html"},{id:2,name:"人才招聘",en:"join us",url:"/contact/job.html"},{id:3,name:"在线咨询",en:"chat with us",url:"/contact/consult.html"}]}},mounted:function(){new Swiper("#banner",{loop:!1,showMapInfo:!1}),this.initMap()},methods:{onTabChange:function(t){window.open(t.url,"_self")},initMap:function(){var t=this;console.log(window.AMapLoader),window.AMapLoader.load({key:"ed0e0c030a16414f2a07cfbe350cb14a",version:"2.0",plugins:["AMap.ToolBar","AMap.Scale"],Loca:{version:"2.0"}}).then((function(t){var n=new t.LngLat(114.06513,22.532304),map=new t.Map("map",{zoom:17,center:n}),e=new t.ToolBar,o=new t.Scale;map.addControl(e),map.addControl(o);var marker=new t.Marker({position:n,title:"深圳市福田区卓越世纪中心四号楼32层"});map.add(marker)})).catch((function(n){console.error(n),t.showMap=!0}))}}},c=(e(301),e(43)),component=Object(c.a)(o,(function(){var t=this,n=t._self._c;return n("div",[t._m(0),t._v(" "),n("div",{staticClass:"main"},[n("div",{staticClass:"tabbar"},[n("div",{staticClass:"container"},[t._l(t.tabList,(function(e,o){return[n("div",{key:e.en,staticClass:"tab",class:{on:e.id===t.current},on:{click:function(n){return t.onTabChange(e)}}},[n("div",{staticClass:"name",domProps:{textContent:t._s(e.name)}}),t._v(" "),n("div",{staticClass:"en",domProps:{textContent:t._s(e.en)}})]),t._v(" "),o<2?n("div",{key:o,staticClass:"line"}):t._e()]}))],2)]),t._v(" "),n("div",{staticClass:"tab-content container"},[n("div",{staticClass:"tab-item contact"},[t._m(1),t._v(" "),n("div",{staticClass:"content"},[t._m(2),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.showMap,expression:"showMap"}],staticClass:"map"},[n("img",{attrs:{src:"/img/contact-map.png",alt:"acebelle生物科技(深圳)有限公司"}})]),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:!t.showMap,expression:"!showMap"}],staticClass:"map",attrs:{id:"map"}},[t._v("地图区域")])])])])])])}),[function(){var t=this._self._c;return t("div",{staticClass:"swiper-container banner",attrs:{id:"banner"}},[t("div",{staticClass:"swiper-wrapper"},[t("div",{staticClass:"swiper-slide"},[t("img",{attrs:{src:"/img/contact-banner.jpg",alt:""}})])])])},function(){var t=this,n=t._self._c;return n("div",{staticClass:"section-title"},[n("img",{attrs:{src:"/img/contact-title-contact.png",alt:"联系方式"}}),t._v(" "),n("h3",[t._v("联系方式")])])},function(){var t=this,n=t._self._c;return n("div",{staticClass:"section"},[n("div",{staticClass:"contact-logo"},[n("img",{attrs:{src:"/img/contact-logo.png",alt:"acebelle生物科技(深圳)有限公司"}})]),t._v(" "),n("div",{staticClass:"name"},[t._v("ACEBELLE生物科技(深圳)有限公司")]),t._v(" "),n("div",{staticClass:"subname"},[t._v("(ROS'S中国区总代理)")]),t._v(" "),n("ul",[n("li",[n("div",{staticClass:"address"},[t._v("广东省深圳市福田区卓越世纪中心四号楼32层")])]),t._v(" "),n("li",[n("a",{staticClass:"phone",attrs:{href:"tel:0755-23769340"}},[t._v("0755-23769340"),n("span",[t._v("(点击拨号)")])])]),t._v(" "),n("li",[n("div",{staticClass:"website"},[t._v("http://www.spainross.com")])])])])}],!1,null,"6d7c2052",null);n.default=component.exports}}]);