{"version":3,"sources":["webpack:///./src/views/center/speakIntroduce/images/comment/3.png","webpack:///./src/views/center/speakIntroduce/images/comment/6.png","webpack:///./src/views/center/speakIntroduce/images/3-1.png","webpack:///./src/views/center/speakIntroduce/images/comment/15.png","webpack:///./src/views/center/speakIntroduce/images/2.jpg","webpack:///./src/views/center/speakIntroduce/images/5.jpg","webpack:///./src/views/center/speakIntroduce/images/comment/11.png","webpack:///./src/views/center/speakIntroduce/images/3.jpg","webpack:///./src/views/center/speakIntroduce/images/comment/7.png","webpack:///./src/views/center/speakIntroduce/introduceSwiper.vue?e8fe","webpack:///./src/views/center/speakIntroduce/images/buy-window.png","webpack:///./src/views/center/speakIntroduce/images/comment/14.png","webpack:///./src/views/center/speakIntroduce/images/1.jpg","webpack:///./src/views/center/speakIntroduce/images/3-4.png","webpack:///./src/views/center/speakIntroduce/images/3-3.png","webpack:///./src/views/center/speakIntroduce/speakIntroduce.vue","webpack:///./src/views/center/speakIntroduce/introduceSwiper.vue","webpack:///src/views/center/speakIntroduce/introduceSwiper.vue","webpack:///./src/views/center/speakIntroduce/introduceSwiper.vue?8da6","webpack:///./src/views/center/speakIntroduce/introduceSwiper.vue?3852","webpack:///src/views/center/speakIntroduce/speakIntroduce.vue","webpack:///./src/views/center/speakIntroduce/speakIntroduce.vue?956e","webpack:///./src/views/center/speakIntroduce/speakIntroduce.vue?2955","webpack:///./src/views/center/speakIntroduce/images/comment/1.png","webpack:///./src/views/center/speakIntroduce/speakIntroduce.vue?ccdd","webpack:///./src/views/center/speakIntroduce/images/6.jpg","webpack:///./src/views/center/speakIntroduce/images/comment/2.png","webpack:///./src/views/center/speakIntroduce/images/comment/13.png","webpack:///./src/views/center/speakIntroduce/images/comment sync ^\\.\\/.*\\.png$","webpack:///./src/views/center/speakIntroduce/images/comment/5.png","webpack:///./src/views/center/speakIntroduce/images/comment/4.png","webpack:///./src/views/center/speakIntroduce/images/comment/12.png","webpack:///./src/views/center/speakIntroduce/images/3-2.png","webpack:///./src/views/center/speakIntroduce/images/comment/10.png","webpack:///./src/views/center/speakIntroduce/images/comment/9.png","webpack:///./src/views/center/speakIntroduce/images/comment/8.png"],"names":["module","exports","render","_vm","this","_c","_self","staticStyle","scopedSlots","_u","key","fn","attrs","advertisingData","EieltsAds","SPEAKING_EXAM_BANNER","staticClass","require","foreignTeacherUrl","ref","_l","tabList","m","id","class","active","on","$event","changeTab","_v","_s","title","isShowTabExt","_e","proxy","SPEAKING_EXAM_RIGHT","SPEAKING_EXAM_DIALOG","length","SPEAKING_EXAM_BOTTOM","staticRenderFns","preSlide","swiperOption","nextSlide","components","Swiper","SwiperSlide","data","effect","grabCursor","centeredSlides","slidesPerView","loop","autoplay","delay","disableOnInteraction","coverflowEffect","rotate","stretch","depth","modifier","slideShadows","methods","component","mixins","AdsSwiper","CenterLayout","IntroduceSwiper","AdsModal","AdsBottom","Center","mounted","boxElement","beforeDestroy","top","behavior","handleScroll","imgBoxes","currentActive","curIndex","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,wB,uBCA3CD,EAAOC,QAAU,IAA0B,uB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,uB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,oCCA3C,W,uBCAAD,EAAOC,QAAU,IAA0B,+B,uBCA3CD,EAAOC,QAAU,IAA0B,uB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,wB,qBCA3CD,EAAOC,QAAU,IAA0B,wB,2CCA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,YAAY,CAAC,OAAS,QAAQC,YAAYL,EAAIM,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACN,EAAG,YAAY,CAACO,MAAM,CAAC,UAAYT,EAAIU,gBAAgBV,EAAIW,UAAUC,yBAAyBV,EAAG,MAAM,CAACW,YAAY,uBAAuB,CAACX,EAAG,MAAM,CAACW,YAAY,mBAAmB,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAA2B,IAAM,MAAMZ,EAAG,IAAI,CAACW,YAAY,eAAeJ,MAAM,CAAC,KAAOT,EAAIe,kBAAkB,OAAS,YAAYb,EAAG,IAAI,CAACW,YAAY,UAAUJ,MAAM,CAAC,KAAO,oDAAoD,OAAS,cAAcP,EAAG,MAAM,CAACc,IAAI,UAAUH,YAAY,WAAWb,EAAIiB,GAAIjB,EAAIkB,SAAS,SAASC,GAAG,OAAOjB,EAAG,MAAM,CAACK,IAAIY,EAAEC,GAAGP,YAAY,MAAMQ,MAAM,CAAEC,OAAQtB,EAAIsB,SAAWH,EAAEC,IAAKG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,UAAUN,EAAEC,OAAO,CAACpB,EAAI0B,GAAG,IAAI1B,EAAI2B,GAAGR,EAAES,OAAO,UAAS,GAAI5B,EAAI6B,aAAc3B,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACW,YAAY,UAAU,CAACX,EAAG,OAAO,CAACW,YAAY,QAAQ,CAACb,EAAI0B,GAAG,OAAOxB,EAAG,OAAO,CAACW,YAAY,SAAS,CAACb,EAAI0B,GAAG,SAASxB,EAAG,OAAO,CAACW,YAAY,QAAQ,CAACb,EAAI0B,GAAG,SAASxB,EAAG,IAAI,CAACW,YAAY,MAAMJ,MAAM,CAAC,KAAO,oDAAoD,OAAS,WAAW,CAACT,EAAI0B,GAAG,cAAc1B,EAAI8B,KAAK5B,EAAG,MAAM,CAACW,YAAY,iBAAiB,CAACX,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAkB,IAAM,QAAQZ,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAkB,IAAM,QAAQZ,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACW,YAAY,UAAU,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAkB,IAAM,MAAMZ,EAAG,MAAM,CAACW,YAAY,eAAe,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAoB,IAAM,MAAMZ,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAoB,IAAM,MAAMZ,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAoB,IAAM,MAAMZ,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAoB,IAAM,UAAUZ,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,IAAI,CAACW,YAAY,MAAMJ,MAAM,CAAC,KAAOT,EAAIe,kBAAkB,OAAS,WAAW,CAACf,EAAI0B,GAAG,gBAAgBxB,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,KAAK,CAACF,EAAI0B,GAAG,UAAUxB,EAAG,oBAAoB,GAAGA,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,EAAQ,QAAkB,IAAM,QAAQZ,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACE,YAAY,CAAC,gBAAgB,QAAQK,MAAM,CAAC,IAAMK,EAAQ,QAAkB,IAAM,MAAMZ,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,IAAI,CAACW,YAAY,MAAMJ,MAAM,CAAC,KAAO,oDAAoD,OAAS,WAAW,CAACT,EAAI0B,GAAG,UAAUxB,EAAG,IAAI,CAACW,YAAY,OAAO,CAACb,EAAI0B,GAAG,mCAAmCK,OAAM,GAAM,CAACxB,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACN,EAAG,MAAM,CAACA,EAAG,SAAS,CAACO,MAAM,CAAC,cAAe,EAAM,gBAAkBT,EAAIU,gBAAgB,YAAcV,EAAIW,UAAUqB,wBAAwB,KAAKD,OAAM,OACnyF/B,EAAIU,gBAAgBV,EAAIW,UAAUsB,uBAChCjC,EAAIU,gBAAgBV,EAAIW,UAAUsB,sBAAsBC,OAAS,EACnEhC,EAAG,WAAW,CAACO,MAAM,CAAC,SAAWT,EAAIU,gBAAgBV,EAAIW,UAAUsB,yBAAyBjC,EAAI8B,KAAK5B,EAAG,YAAY,CAACO,MAAM,CAAC,UAAYT,EAAIU,gBAAgBV,EAAIW,UAAUwB,0BAA0B,IAEtMC,EAAkB,G,0DCLlBrC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACW,YAAY,WAAW,CAACX,EAAG,MAAM,CAACW,YAAY,WAAWU,GAAG,CAAC,MAAQvB,EAAIqC,YAAYnC,EAAG,SAAS,CAACc,IAAI,YAAYP,MAAM,CAAC,QAAUT,EAAIsC,eAAetC,EAAIiB,GAAI,IAAI,SAASE,GAAG,OAAOjB,EAAG,eAAe,CAACK,IAAIY,EAAEN,YAAY,gBAAgB,CAACX,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMK,UAAQ,YAAoBK,EAAC,SAAQ,IAAM,WAAU,GAAGjB,EAAG,MAAM,CAACW,YAAY,YAAYU,GAAG,CAAC,MAAQvB,EAAIuC,cAAc,IAEncH,EAAkB,G,YCaP,GACfI,YACAC,mBACAC,8BAEAC,gBACA,OACAL,cACAM,mBACAC,cACAC,kBACAC,qBACAC,QACAC,UACAC,UACAC,yBAEAC,iBACAC,SACAC,cACAC,UACAC,WACAC,oBAKAC,SACArB,oBACA,0CAEAE,qBACA,4CC/CuX,I,wBCQnXoB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,wDCuGA,GACfC,gBACApB,YACAqB,iBACAC,oBACAC,kBACAC,gBACAC,iBACAC,eAEAvB,gBACA,OACAhC,iBACAW,SACAJ,SACA,CACAE,KACAQ,cAEA,CACAR,KACAQ,cAEA,CACAR,KACAQ,cAEA,CACAR,KACAQ,cAEA,CACAR,KACAQ,cAEA,CACAR,KACAQ,eAGAb,iEACAc,kBAGAsC,mBACA,cACAxD,4BACAA,2BACAA,4BACAA,8BAEA,kDACAyD,gDAEAC,yBACA,kDACAD,mDAEAV,SACAjC,sBACA,kDACA,8DACA,GACA2C,YACAE,mBACAC,qBAIAC,wBACA,4CACA,cAEAC,yBACA,gCACA,cACA,UACAC,EACAC,6BAIA,kBACA,eAIA,yBACA,gCACA,4BCnNsX,ICQlX,G,UAAY,eACd,EACA5E,EACAqC,GACA,EACA,KACA,WACA,OAIa,e,8BCnBfvC,EAAOC,QAAU,IAA0B,sB,oCCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B,sB,uBCA3CD,EAAOC,QAAU,IAA0B,sB,qBCA3CD,EAAOC,QAAU,IAA0B,uB,qBCA3C,IAAI8E,EAAM,CACT,UAAW,OACX,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,WAAY,OACZ,UAAW,OACX,UAAW,OACX,UAAW,OACX,UAAW,OACX,UAAW,OACX,UAAW,OACX,UAAW,OACX,UAAW,QAIZ,SAASC,EAAeC,GACvB,IAAI1D,EAAK2D,EAAsBD,GAC/B,OAAOE,EAAoB5D,GAE5B,SAAS2D,EAAsBD,GAC9B,IAAIE,EAAoBC,EAAEL,EAAKE,GAAM,CACpC,IAAII,EAAI,IAAIC,MAAM,uBAAyBL,EAAM,KAEjD,MADAI,EAAEE,KAAO,mBACHF,EAEP,OAAON,EAAIE,GAEZD,EAAeQ,KAAO,WACrB,OAAOC,OAAOD,KAAKT,IAEpBC,EAAeU,QAAUR,EACzBlF,EAAOC,QAAU+E,EACjBA,EAAezD,GAAK,Q,4CCpCpBvB,EAAOC,QAAU,IAA0B,sB,qBCA3CD,EAAOC,QAAU,IAA0B,sB,4CCA3CD,EAAOC,QAAU,IAA0B,uB,qBCA3CD,EAAOC,QAAU,IAA0B,wB,qBCA3CD,EAAOC,QAAU,IAA0B,uB,qBCA3CD,EAAOC,QAAU,IAA0B,sB,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-d5705496.32c513b4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/3.73703a20.png\";","module.exports = __webpack_public_path__ + \"img/6.bed42fa4.png\";","module.exports = __webpack_public_path__ + \"img/3-1.d7cba396.png\";","module.exports = __webpack_public_path__ + \"img/15.076b9956.png\";","module.exports = __webpack_public_path__ + \"img/2.53aa9c08.jpg\";","module.exports = __webpack_public_path__ + \"img/5.3ebc56c5.jpg\";","module.exports = __webpack_public_path__ + \"img/11.eb4e19eb.png\";","module.exports = __webpack_public_path__ + \"img/3.4e9254b9.jpg\";","module.exports = __webpack_public_path__ + \"img/7.58ef13b2.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./introduceSwiper.vue?vue&type=style&index=0&id=7c8e72ac&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/buy-window.3031b524.png\";","module.exports = __webpack_public_path__ + \"img/14.8afad54a.png\";","module.exports = __webpack_public_path__ + \"img/1.7d67e43e.jpg\";","module.exports = __webpack_public_path__ + \"img/3-4.a3903bae.png\";","module.exports = __webpack_public_path__ + \"img/3-3.d4a6512c.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('CenterLayout',{staticStyle:{\"height\":\"auto\"},scopedSlots:_vm._u([{key:\"left\",fn:function(){return [_c('AdsSwiper',{attrs:{\"swiperAds\":_vm.advertisingData[_vm.EieltsAds.SPEAKING_EXAM_BANNER]}}),_c('div',{staticClass:\"speak-introduce-box\"},[_c('div',{staticClass:\"buy-box img-box\"},[_c('img',{attrs:{\"src\":require(\"./images/buy-window.png\"),\"alt\":\"\"}}),_c('a',{staticClass:\"practice-btn\",attrs:{\"href\":_vm.foreignTeacherUrl,\"target\":\"_blank\"}}),_c('a',{staticClass:\"buy-btn\",attrs:{\"href\":\"https://detail.tmall.com/item.htm?id=629227556598\",\"target\":\"_blank\"}})]),_c('div',{ref:\"tabsRef\",staticClass:\"tab-box\"},_vm._l((_vm.tabList),function(m){return _c('div',{key:m.id,staticClass:\"tab\",class:{ active: _vm.active === m.id },on:{\"click\":function($event){return _vm.changeTab(m.id)}}},[_vm._v(\" \"+_vm._s(m.title)+\" \")])}),0),(_vm.isShowTabExt)?_c('div',{staticClass:\"tabs-ext\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"amount\"},[_c('span',{staticClass:\"unit\"},[_vm._v(\"¥\")]),_c('span',{staticClass:\"value\"},[_vm._v(\"9.9\")]),_c('span',{staticClass:\"unit\"},[_vm._v(\"起\")])]),_c('a',{staticClass:\"btn\",attrs:{\"href\":\"https://detail.tmall.com/item.htm?id=629227556598\",\"target\":\"_blank\"}},[_vm._v(\"立即购买\")])])]):_vm._e(),_c('div',{staticClass:\"introduce-box\"},[_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":require(\"./images/1.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":require(\"./images/2.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"img-box\"},[_c('div',{staticClass:\"sz-box\"},[_c('img',{attrs:{\"src\":require(\"./images/3.jpg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"sz-item-box\"},[_c('img',{attrs:{\"src\":require(\"./images/3-1.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"./images/3-2.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"./images/3-3.png\"),\"alt\":\"\"}}),_c('img',{attrs:{\"src\":require(\"./images/3-4.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"more-box\"},[_c('a',{staticClass:\"btn\",attrs:{\"href\":_vm.foreignTeacherUrl,\"target\":\"_blank\"}},[_vm._v(\"查看更多老师\")])])]),_c('div',{staticClass:\"img-box\"},[_c('h3',[_vm._v(\"用户评语\")]),_c('IntroduceSwiper')],1),_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":require(\"./images/5.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"img-box\"},[_c('img',{staticStyle:{\"margin-bottom\":\"20px\"},attrs:{\"src\":require(\"./images/6.jpg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"more-box\"},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"https://detail.tmall.com/item.htm?id=629227556598\",\"target\":\"_blank\"}},[_vm._v(\"咨询客服\")]),_c('p',{staticClass:\"tip\"},[_vm._v(\"如有更多问题，请联系客服，为您详细解答\")])])])])])]},proxy:true},{key:\"right\",fn:function(){return [_c('div',[_c('Center',{attrs:{\"showExamMode\":false,\"advertisingData\":_vm.advertisingData,\"adsPosition\":_vm.EieltsAds.SPEAKING_EXAM_RIGHT}})],1)]},proxy:true}])}),(\n      _vm.advertisingData[_vm.EieltsAds.SPEAKING_EXAM_DIALOG] &&\n        _vm.advertisingData[_vm.EieltsAds.SPEAKING_EXAM_DIALOG].length > 0\n    )?_c('AdsModal',{attrs:{\"modalAds\":_vm.advertisingData[_vm.EieltsAds.SPEAKING_EXAM_DIALOG]}}):_vm._e(),_c('AdsBottom',{attrs:{\"bottomAds\":_vm.advertisingData[_vm.EieltsAds.SPEAKING_EXAM_BOTTOM]}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"swapper\"},[_c('div',{staticClass:\"left-btn\",on:{\"click\":_vm.preSlide}}),_c('swiper',{ref:\"swiperRef\",attrs:{\"options\":_vm.swiperOption}},_vm._l((15),function(m){return _c('swiper-slide',{key:m,staticClass:\"swiper-slide\"},[_c('img',{attrs:{\"src\":require(`./images/comment/${m}.png`),\"alt\":\"\"}})])}),1),_c('div',{staticClass:\"right-btn\",on:{\"click\":_vm.nextSlide}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"swapper\">\n    <div class=\"left-btn\" @click=\"preSlide\"/>\n    <swiper ref=\"swiperRef\" :options=\"swiperOption\">\n      <swiper-slide class=\"swiper-slide\" v-for=\"m of 15\" :key=\"m\">\n        <img :src=\"require(`./images/comment/${m}.png`)\" alt=\"\" />\n      </swiper-slide>\n    </swiper>\n    <div class=\"right-btn\" @click=\"nextSlide\"/>\n  </div>\n</template>\n\n<script>\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper';\n\nexport default {\n  components: {\n    Swiper,\n    SwiperSlide\n  },\n  data() {\n    return {\n      swiperOption: {\n        effect: 'coverflow',\n        grabCursor: true,\n        centeredSlides: true,\n        slidesPerView: 'auto',\n        loop: true,\n        autoplay: {\n          delay: 3000,\n          disableOnInteraction: false // 用户操作后是否停止自动播放\n        },\n        coverflowEffect: {\n          rotate: 0,\n          stretch: '60%',\n          depth: 500,\n          modifier: 1,\n          slideShadows: true\n        }\n      }\n    };\n  },\n  methods: {\n    preSlide() {\n      this.$refs.swiperRef.$swiper.slidePrev();\n    },\n    nextSlide() {\n      this.$refs.swiperRef.$swiper.slideNext();\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.swapper {\n  position: relative;\n  padding: 0 20px;\n  .left-btn {\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 100px;\n    cursor: pointer;\n    z-index: 8;\n  }\n  .right-btn{\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 100px;\n    cursor: pointer;\n    z-index: 8;\n  }\n}\n.swiper-slide {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80%;\n  height: 340px;\n  padding: 20px;\n  background-color: #fff;\n  img {\n    height: 100%;\n    width: 100%;\n    border-radius: 24px;\n    box-shadow: 0 4px 20px 0 #0000001a;\n    object-fit: contain;\n  }\n}\n/deep/.swiper-container-3d .swiper-slide-shadow-left,\n/deep/.swiper-container-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(\n    to left,\n    rgba(255, 255, 255, 0.6),\n    rgba(255, 255, 255, 1)\n  );\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./introduceSwiper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./introduceSwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./introduceSwiper.vue?vue&type=template&id=7c8e72ac&scoped=true&\"\nimport script from \"./introduceSwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./introduceSwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./introduceSwiper.vue?vue&type=style&index=0&id=7c8e72ac&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7c8e72ac\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <CenterLayout style=\"height: auto;\">\n      <template #left>\n        <AdsSwiper\n          :swiperAds=\"advertisingData[EieltsAds.SPEAKING_EXAM_BANNER]\"\n        />\n        <div class=\"speak-introduce-box\">\n          <div class=\"buy-box img-box\">\n            <img src=\"./images/buy-window.png\" alt=\"\" />\n            <a class=\"practice-btn\" :href=\"foreignTeacherUrl\" target=\"_blank\" />\n            <a\n              class=\"buy-btn\"\n              href=\"https://detail.tmall.com/item.htm?id=629227556598\"\n              target=\"_blank\"\n            />\n          </div>\n          <div class=\"tab-box\" ref=\"tabsRef\">\n            <div\n              class=\"tab\"\n              :class=\"{ active: active === m.id }\"\n              v-for=\"m of tabList\"\n              :key=\"m.id\"\n              @click=\"changeTab(m.id)\"\n            >\n              {{ m.title }}\n            </div>\n          </div>\n          <div v-if=\"isShowTabExt\" class=\"tabs-ext\">\n            <div class=\"content\">\n              <div class=\"amount\">\n                <span class=\"unit\">¥</span>\n                <span class=\"value\">9.9</span>\n                <span class=\"unit\">起</span>\n              </div>\n              <a\n                class=\"btn\"\n                href=\"https://detail.tmall.com/item.htm?id=629227556598\"\n                target=\"_blank\"\n                >立即购买</a\n              >\n            </div>\n          </div>\n\n          <div class=\"introduce-box\">\n            <div class=\"img-box\">\n              <img src=\"./images/1.jpg\" alt=\"\" />\n            </div>\n            <div class=\"img-box\">\n              <img src=\"./images/2.jpg\" alt=\"\" />\n            </div>\n            <div class=\"img-box\">\n              <div class=\"sz-box\">\n                <img src=\"./images/3.jpg\" alt=\"\" />\n                <div class=\"sz-item-box\">\n                  <img src=\"./images/3-1.png\" alt=\"\" />\n                  <img src=\"./images/3-2.png\" alt=\"\" />\n                  <img src=\"./images/3-3.png\" alt=\"\" />\n                  <img src=\"./images/3-4.png\" alt=\"\" />\n                </div>\n              </div>\n\n              <div class=\"more-box\">\n                <a class=\"btn\" :href=\"foreignTeacherUrl\" target=\"_blank\"\n                  >查看更多老师</a\n                >\n              </div>\n            </div>\n\n            <div class=\"img-box\">\n              <h3>用户评语</h3>\n              <IntroduceSwiper />\n            </div>\n            <div class=\"img-box\">\n              <img src=\"./images/5.jpg\" alt=\"\" />\n            </div>\n            <div class=\"img-box\">\n              <img src=\"./images/6.jpg\" alt=\"\" style=\"margin-bottom: 20px;\" />\n              <div class=\"more-box\">\n                <a\n                  class=\"btn\"\n                  href=\"https://detail.tmall.com/item.htm?id=629227556598\"\n                  target=\"_blank\"\n                  >咨询客服</a\n                >\n                <p class=\"tip\">如有更多问题，请联系客服，为您详细解答</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n      <template #right>\n        <div>\n          <Center\n            :showExamMode=\"false\"\n            :advertisingData=\"advertisingData\"\n            :adsPosition=\"EieltsAds.SPEAKING_EXAM_RIGHT\"\n          ></Center>\n        </div>\n      </template>\n    </CenterLayout>\n    <AdsModal\n      v-if=\"\n        advertisingData[EieltsAds.SPEAKING_EXAM_DIALOG] &&\n          advertisingData[EieltsAds.SPEAKING_EXAM_DIALOG].length > 0\n      \"\n      :modalAds=\"advertisingData[EieltsAds.SPEAKING_EXAM_DIALOG]\"\n    />\n    <AdsBottom :bottomAds=\"advertisingData[EieltsAds.SPEAKING_EXAM_BOTTOM]\" />\n  </div>\n</template>\n\n<script>\nimport AdsSwiper from '@/views/center/components/AdsSwiper.vue';\nimport CenterLayout from '@/views/center/components/centerLayout';\nimport Center from '@/views/center/mock/center.vue';\nimport IntroduceSwiper from './introduceSwiper.vue';\nimport { adsMixins } from '@/mixins/adsMixins';\nimport { EieltsAds } from '@/utils/constant.js';\nimport AdsModal from '@/views/center/components/AdsModal.vue';\nimport AdsBottom from '@/views/center/components/AdsBottom.vue';\n\nexport default {\n  mixins: [adsMixins],\n  components: {\n    AdsSwiper,\n    CenterLayout,\n    IntroduceSwiper,\n    AdsModal,\n    AdsBottom,\n    Center\n  },\n  data() {\n    return {\n      EieltsAds,\n      active: 1,\n      tabList: [\n        {\n          id: 1,\n          title: '课程介绍'\n        },\n        {\n          id: 2,\n          title: '适合学员'\n        },\n        {\n          id: 3,\n          title: '师资力量'\n        },\n        {\n          id: 4,\n          title: '用户评语'\n        },\n        {\n          id: 5,\n          title: '模考流程'\n        },\n        {\n          id: 6,\n          title: '模考须知'\n        }\n      ],\n      foreignTeacherUrl: process.env.VUE_APP_FOREIGN_TEACHER,\n      isShowTabExt: false\n    };\n  },\n  mounted() {\n    this.initAds([\n      EieltsAds.SPEAKING_EXAM_BANNER,\n      EieltsAds.SPEAKING_EXAM_RIGHT,\n      EieltsAds.SPEAKING_EXAM_DIALOG,\n      EieltsAds.SPEAKING_EXAM_BOTTOM\n    ]);\n    const boxElement = document.querySelector('.p_center_content');\n    boxElement.addEventListener('scroll', this.handleScroll);\n  },\n  beforeDestroy() {\n    const boxElement = document.querySelector('.p_center_content');\n    boxElement.removeEventListener('scroll', this.handleScroll);\n  },\n  methods: {\n    changeTab(id) {\n      const boxElement = document.querySelector('.p_center_content');\n      const element = document.querySelector(`.img-box:nth-child(${id})`);\n      if (element) {\n        boxElement.scrollTo({\n          top: element.offsetTop - 80,\n          behavior: 'smooth'\n        });\n      }\n    },\n    handleScroll() {\n      const imgBoxes = document.querySelectorAll('.img-box');\n      let currentActive = this.active;\n\n      imgBoxes.forEach((box, index) => {\n        const rect = box.getBoundingClientRect();\n        if (rect.top <= 80) {\n          const curIndex = index + 1;\n          currentActive =\n            curIndex >= imgBoxes.length ? imgBoxes.length - 1 : curIndex;\n        }\n      });\n\n      if (currentActive !== this.active) {\n        this.active = currentActive;\n      }\n\n      //   判断tabsRef是否到达页面顶部\n      const tabsRef = this.$refs.tabsRef;\n      const tabsRefTop = tabsRef.getBoundingClientRect().top;\n      this.isShowTabExt = tabsRefTop === 64;\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.speak-introduce-box {\n  .tabs-ext {\n    position: fixed;\n    top: 64px;\n    left: 0;\n    z-index: 9;\n    width: 100%;\n    height: 75px;\n    background-color: #fff;\n    border-bottom: 1px solid #e6e8ea;\n    .content {\n      width: 1262px;\n      height: 78px;\n      margin: auto;\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      .amount {\n        color: #ff3e3e;\n        font-weight: bold;\n        .unit {\n          font-size: 14px;\n        }\n        .value {\n          font-size: 30px;\n        }\n      }\n      .btn {\n        margin-left: 20px;\n        display: flex;\n        width: 140px;\n        padding: 10px 24px;\n        justify-content: center;\n        align-items: center;\n        gap: 10px;\n        border-radius: 48px;\n        background: linear-gradient(90deg, #ffa137 0%, #ff3b34 100%);\n        border: transparent;\n        color: #f7ff8e;\n        font-size: 14px;\n        font-weight: 500;\n      }\n    }\n  }\n  .tab-box {\n    position: sticky;\n    top: 0;\n    width: 100%;\n    display: flex;\n    z-index: 10;\n    background-color: #fff;\n    margin-top: 12px;\n    border-bottom: 1px solid #e6e8ea;\n    .active {\n      position: relative;\n      color: #000000e6 !important;\n      font-size: 18px !important;\n      font-weight: 600 !important;\n\n      &:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 24px;\n        height: 8px;\n        flex-shrink: 0;\n        border-radius: 20px;\n        background: #29d087;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n      }\n    }\n    .tab {\n      width: 120px;\n      height: 74px;\n      line-height: 74px;\n      text-align: center;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      color: #00000099;\n      font-size: 18px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.6s;\n      &:hover {\n        color: #000000e6;\n      }\n    }\n  }\n}\n.img-box {\n  position: relative;\n  width: 100%;\n  background-color: #fff;\n  > img {\n    width: 100%;\n  }\n  h3 {\n    color: #000000;\n    text-align: center;\n    font-size: 30px;\n    font-weight: 600;\n  }\n\n  .sz-box {\n    position: relative;\n    > img {\n      width: 100%;\n    }\n    .sz-item-box {\n      position: absolute;\n      display: flex;\n      flex-wrap: wrap;\n      width: 100%;\n      bottom: 60px;\n      left: 0;\n      right: 0;\n      padding: 0 20px;\n      justify-content: center;\n      gap: 20px;\n      img {\n        width: 48%;\n        border-radius: 18px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px 0 rgba(153, 153, 153, 0.1);\n        transition: all 0.3s;\n\n        &:hover {\n          box-shadow: 0 4px 12px 0 rgba(153, 153, 153, 0.2);\n          transform: translateY(-6px);\n        }\n      }\n    }\n  }\n}\n\n.buy-box {\n  position: relative;\n  .practice-btn {\n    position: absolute;\n    width: 120px;\n    height: 50px;\n    bottom: 40px;\n    left: 60px;\n    cursor: pointer;\n  }\n  .buy-btn {\n    position: absolute;\n    width: 160px;\n    height: 50px;\n    bottom: 41px;\n    right: 20px;\n    cursor: pointer;\n  }\n}\n\n.more-box {\n  padding: 0 0 50px;\n  text-align: center;\n  background-color: #fff;\n  .btn {\n    display: flex;\n    width: 140px;\n    padding: 12px 20px;\n    margin: auto;\n    justify-content: center;\n    align-items: center;\n    border-radius: 48px;\n    background: #29d087;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 500;\n  }\n  .tip {\n    margin-top: 10px;\n    align-self: stretch;\n    color: #000000b3;\n    text-align: center;\n    font-size: 12px;\n    font-weight: 400;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speakIntroduce.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speakIntroduce.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./speakIntroduce.vue?vue&type=template&id=df24d114&scoped=true&\"\nimport script from \"./speakIntroduce.vue?vue&type=script&lang=js&\"\nexport * from \"./speakIntroduce.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speakIntroduce.vue?vue&type=style&index=0&id=df24d114&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"df24d114\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/1.f0ab5aa2.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speakIntroduce.vue?vue&type=style&index=0&id=df24d114&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/6.8df317d8.jpg\";","module.exports = __webpack_public_path__ + \"img/2.bc922ec9.png\";","module.exports = __webpack_public_path__ + \"img/13.114d7bff.png\";","var map = {\n\t\"./1.png\": \"8650\",\n\t\"./10.png\": \"e664\",\n\t\"./11.png\": \"4f2d\",\n\t\"./12.png\": \"d7be\",\n\t\"./13.png\": \"ab8e\",\n\t\"./14.png\": \"60d7\",\n\t\"./15.png\": \"3ef2\",\n\t\"./2.png\": \"972e\",\n\t\"./3.png\": \"09ad\",\n\t\"./4.png\": \"c3c6\",\n\t\"./5.png\": \"bd88\",\n\t\"./6.png\": \"104d\",\n\t\"./7.png\": \"582a\",\n\t\"./8.png\": \"fbb6\",\n\t\"./9.png\": \"fa13\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"ae9f\";","module.exports = __webpack_public_path__ + \"img/5.e1e0d386.png\";","module.exports = __webpack_public_path__ + \"img/4.19ba8588.png\";","module.exports = __webpack_public_path__ + \"img/12.355134b7.png\";","module.exports = __webpack_public_path__ + \"img/3-2.638be8de.png\";","module.exports = __webpack_public_path__ + \"img/10.326873cc.png\";","module.exports = __webpack_public_path__ + \"img/9.5c085065.png\";","module.exports = __webpack_public_path__ + \"img/8.50c7f6fa.png\";"],"sourceRoot":""}