123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192 |
- exports.ids = [9];
- exports.modules = {
- /***/ 105:
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- // ESM COMPAT FLAG
- __webpack_require__.r(__webpack_exports__);
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/contact/index.vue?vue&type=template&id=6d7c2052&scoped=true&
- var render = function render() {
- var _vm = this,
- _c = _vm._self._c;
- return _c('div', [_vm._ssrNode("<div id=\"banner\" class=\"swiper-container banner\" data-v-6d7c2052><div class=\"swiper-wrapper\" data-v-6d7c2052><div class=\"swiper-slide\" data-v-6d7c2052><img src=\"/img/contact-banner.jpg\" alt data-v-6d7c2052></div></div></div> <div class=\"main\" data-v-6d7c2052><div class=\"tabbar\" data-v-6d7c2052><div class=\"container\" data-v-6d7c2052>" + _vm._ssrList(_vm.tabList, function (tab, index) {
- return "<div" + _vm._ssrClass("tab", {
- on: tab.id === _vm.current
- }) + " data-v-6d7c2052><div class=\"name\" data-v-6d7c2052>" + _vm._ssrEscape(_vm._s(tab.name)) + "</div> <div class=\"en\" data-v-6d7c2052>" + _vm._ssrEscape(_vm._s(tab.en)) + "</div></div> " + (index < 2 ? "<div class=\"line\" data-v-6d7c2052></div>" : "<!---->");
- }) + "</div></div> <div class=\"tab-content container\" data-v-6d7c2052><div class=\"tab-item contact\" data-v-6d7c2052><div class=\"section-title\" data-v-6d7c2052><img src=\"/img/contact-title-contact.png\" alt=\"联系方式\" data-v-6d7c2052> <h3 data-v-6d7c2052>联系方式</h3></div> <div class=\"content\" data-v-6d7c2052><div class=\"section\" data-v-6d7c2052><div class=\"contact-logo\" data-v-6d7c2052><img src=\"/img/contact-logo.png\" alt=\"acebelle生物科技(深圳)有限公司\" data-v-6d7c2052></div> <div class=\"name\" data-v-6d7c2052>ACEBELLE生物科技(深圳)有限公司</div> <div class=\"subname\" data-v-6d7c2052>(ROS'S中国区总代理)</div> <ul data-v-6d7c2052><li data-v-6d7c2052><div class=\"address\" data-v-6d7c2052>广东省深圳市福田区卓越世纪中心四号楼32层</div></li> <li data-v-6d7c2052><a href=\"tel:0755-23769340\" class=\"phone\" data-v-6d7c2052>0755-23769340<span data-v-6d7c2052>(点击拨号)</span></a></li> <li data-v-6d7c2052><div class=\"website\" data-v-6d7c2052>http://www.spainross.com</div></li></ul></div> <div class=\"map\"" + _vm._ssrStyle(null, null, {
- display: _vm.showMap ? '' : 'none'
- }) + " data-v-6d7c2052><img src=\"/img/contact-map.png\" alt=\"acebelle生物科技(深圳)有限公司\" data-v-6d7c2052></div> <div id=\"map\" class=\"map\"" + _vm._ssrStyle(null, null, {
- display: !_vm.showMap ? '' : 'none'
- }) + " data-v-6d7c2052>地图区域</div></div></div></div></div>")]);
- };
- var staticRenderFns = [];
- // CONCATENATED MODULE: ./pages/contact/index.vue?vue&type=template&id=6d7c2052&scoped=true&
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/contact/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var contactvue_type_script_lang_js_ = ({
- head() {
- return {
- title: '首页-艾斯佰丽官网-联系方式',
- script: [{
- src: 'https://webapi.amap.com/loader.js'
- }]
- };
- },
- data() {
- return {
- tabList: [],
- current: 1,
- showMap: false
- };
- },
- asyncData() {
- 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() {
- new Swiper('#banner', {
- loop: false,
- // 循环模式选项
- showMapInfo: false
- });
- this.initMap();
- },
- methods: {
- onTabChange(tab) {
- window.open(tab.url, '_self');
- },
- initMap() {
- console.log(window.AMapLoader);
- window.AMapLoader.load({
- key: 'ed0e0c030a16414f2a07cfbe350cb14a',
- // 申请好的Web端开发者Key,首次调用 load 时必填
- version: '2.0',
- // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
- plugins: ['AMap.ToolBar', 'AMap.Scale'],
- // 需要使用的的插件列表,如比例尺'AMap.Scale'等
- Loca: {
- version: '2.0' // Loca 版本
- }
- }).then(AMap => {
- const lnglat = new AMap.LngLat(114.06513, 22.532304);
- const map = new AMap.Map('map', {
- zoom: 17,
- //级别
- center: lnglat //中心点坐标
- });
- const toolbar = new AMap.ToolBar();
- const scale = new AMap.Scale();
- map.addControl(toolbar);
- map.addControl(scale);
- const marker = new AMap.Marker({
- position: lnglat,
- title: '深圳市福田区卓越世纪中心四号楼32层'
- });
- map.add(marker);
- }).catch(e => {
- console.error(e); //加载错误提示
- this.showMap = true;
- });
- }
- }
- });
- // CONCATENATED MODULE: ./pages/contact/index.vue?vue&type=script&lang=js&
- /* harmony default export */ var pages_contactvue_type_script_lang_js_ = (contactvue_type_script_lang_js_);
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
- var componentNormalizer = __webpack_require__(2);
- // CONCATENATED MODULE: ./pages/contact/index.vue
- function injectStyles (context) {
-
- var style0 = __webpack_require__(62)
- if (style0.__inject__) style0.__inject__(context)
- }
- /* normalize component */
- var component = Object(componentNormalizer["a" /* default */])(
- pages_contactvue_type_script_lang_js_,
- render,
- staticRenderFns,
- false,
- injectStyles,
- "6d7c2052",
- "703275b5"
-
- )
- /* harmony default export */ var contact = __webpack_exports__["default"] = (component.exports);
- /***/ }),
- /***/ 35:
- /***/ (function(module, exports, __webpack_require__) {
- // style-loader: Adds some css to the DOM by adding a <style> tag
- // load the styles
- var content = __webpack_require__(63);
- if(content.__esModule) content = content.default;
- if(typeof content === 'string') content = [[module.i, content, '']];
- if(content.locals) module.exports = content.locals;
- // add CSS to SSR context
- var add = __webpack_require__(4).default
- module.exports.__inject__ = function (context) {
- add("1c03951b", content, true, context)
- };
- /***/ }),
- /***/ 62:
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6d7c2052_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35);
- /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6d7c2052_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6d7c2052_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
- /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6d7c2052_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_6d7c2052_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /***/ }),
- /***/ 63:
- /***/ (function(module, exports, __webpack_require__) {
- // Imports
- var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
- var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
- // Module
- ___CSS_LOADER_EXPORT___.push([module.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%}}", ""]);
- // Exports
- module.exports = ___CSS_LOADER_EXPORT___;
- /***/ })
- };;
- //# sourceMappingURL=index.js.map
|