index.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. exports.ids = [9];
  2. exports.modules = {
  3. /***/ 105:
  4. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  5. "use strict";
  6. // ESM COMPAT FLAG
  7. __webpack_require__.r(__webpack_exports__);
  8. // 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&
  9. var render = function render() {
  10. var _vm = this,
  11. _c = _vm._self._c;
  12. 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) {
  13. return "<div" + _vm._ssrClass("tab", {
  14. on: tab.id === _vm.current
  15. }) + " 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>" : "<!---->");
  16. }) + "</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, {
  17. display: _vm.showMap ? '' : 'none'
  18. }) + " data-v-6d7c2052><img src=\"/img/contact-map.png\" alt=\"acebelle生物科技(深圳)有限公司\" data-v-6d7c2052></div> <div id=\"map\" class=\"map\"" + _vm._ssrStyle(null, null, {
  19. display: !_vm.showMap ? '' : 'none'
  20. }) + " data-v-6d7c2052>地图区域</div></div></div></div></div>")]);
  21. };
  22. var staticRenderFns = [];
  23. // CONCATENATED MODULE: ./pages/contact/index.vue?vue&type=template&id=6d7c2052&scoped=true&
  24. // 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&
  25. /* harmony default export */ var contactvue_type_script_lang_js_ = ({
  26. head() {
  27. return {
  28. title: '首页-艾斯佰丽官网-联系方式',
  29. script: [{
  30. src: 'https://webapi.amap.com/loader.js'
  31. }]
  32. };
  33. },
  34. data() {
  35. return {
  36. tabList: [],
  37. current: 1,
  38. showMap: false
  39. };
  40. },
  41. asyncData() {
  42. return {
  43. tabList: [{
  44. id: 1,
  45. name: '联系方式',
  46. en: 'contact',
  47. url: '/contact.html'
  48. }, {
  49. id: 2,
  50. name: '人才招聘',
  51. en: 'join us',
  52. url: '/contact/job.html'
  53. }, {
  54. id: 3,
  55. name: '在线咨询',
  56. en: 'chat with us',
  57. url: '/contact/consult.html'
  58. }]
  59. };
  60. },
  61. mounted() {
  62. new Swiper('#banner', {
  63. loop: false,
  64. // 循环模式选项
  65. showMapInfo: false
  66. });
  67. this.initMap();
  68. },
  69. methods: {
  70. onTabChange(tab) {
  71. window.open(tab.url, '_self');
  72. },
  73. initMap() {
  74. console.log(window.AMapLoader);
  75. window.AMapLoader.load({
  76. key: 'ed0e0c030a16414f2a07cfbe350cb14a',
  77. // 申请好的Web端开发者Key,首次调用 load 时必填
  78. version: '2.0',
  79. // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
  80. plugins: ['AMap.ToolBar', 'AMap.Scale'],
  81. // 需要使用的的插件列表,如比例尺'AMap.Scale'等
  82. Loca: {
  83. version: '2.0' // Loca 版本
  84. }
  85. }).then(AMap => {
  86. const lnglat = new AMap.LngLat(114.06513, 22.532304);
  87. const map = new AMap.Map('map', {
  88. zoom: 17,
  89. //级别
  90. center: lnglat //中心点坐标
  91. });
  92. const toolbar = new AMap.ToolBar();
  93. const scale = new AMap.Scale();
  94. map.addControl(toolbar);
  95. map.addControl(scale);
  96. const marker = new AMap.Marker({
  97. position: lnglat,
  98. title: '深圳市福田区卓越世纪中心四号楼32层'
  99. });
  100. map.add(marker);
  101. }).catch(e => {
  102. console.error(e); //加载错误提示
  103. this.showMap = true;
  104. });
  105. }
  106. }
  107. });
  108. // CONCATENATED MODULE: ./pages/contact/index.vue?vue&type=script&lang=js&
  109. /* harmony default export */ var pages_contactvue_type_script_lang_js_ = (contactvue_type_script_lang_js_);
  110. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  111. var componentNormalizer = __webpack_require__(2);
  112. // CONCATENATED MODULE: ./pages/contact/index.vue
  113. function injectStyles (context) {
  114. var style0 = __webpack_require__(62)
  115. if (style0.__inject__) style0.__inject__(context)
  116. }
  117. /* normalize component */
  118. var component = Object(componentNormalizer["a" /* default */])(
  119. pages_contactvue_type_script_lang_js_,
  120. render,
  121. staticRenderFns,
  122. false,
  123. injectStyles,
  124. "6d7c2052",
  125. "703275b5"
  126. )
  127. /* harmony default export */ var contact = __webpack_exports__["default"] = (component.exports);
  128. /***/ }),
  129. /***/ 35:
  130. /***/ (function(module, exports, __webpack_require__) {
  131. // style-loader: Adds some css to the DOM by adding a <style> tag
  132. // load the styles
  133. var content = __webpack_require__(63);
  134. if(content.__esModule) content = content.default;
  135. if(typeof content === 'string') content = [[module.i, content, '']];
  136. if(content.locals) module.exports = content.locals;
  137. // add CSS to SSR context
  138. var add = __webpack_require__(4).default
  139. module.exports.__inject__ = function (context) {
  140. add("1c03951b", content, true, context)
  141. };
  142. /***/ }),
  143. /***/ 62:
  144. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  145. "use strict";
  146. __webpack_require__.r(__webpack_exports__);
  147. /* 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);
  148. /* 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__);
  149. /* 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__));
  150. /***/ }),
  151. /***/ 63:
  152. /***/ (function(module, exports, __webpack_require__) {
  153. // Imports
  154. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  155. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  156. // Module
  157. ___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%}}", ""]);
  158. // Exports
  159. module.exports = ___CSS_LOADER_EXPORT___;
  160. /***/ })
  161. };;
  162. //# sourceMappingURL=index.js.map