{"version":3,"sources":["webpack:///./src/views/center/mock/unlockDialog.vue","webpack:///./src/components/common/textScroll/textScroll.vue","webpack:///src/components/common/textScroll/textScroll.vue","webpack:///./src/components/common/textScroll/textScroll.vue?6d9c","webpack:///./src/components/common/textScroll/textScroll.vue?d4da","webpack:///src/views/center/mock/unlockDialog.vue","webpack:///./src/views/center/mock/unlockDialog.vue?299d","webpack:///./src/views/center/mock/unlockDialog.vue?9834","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./src/components/common/textScroll/textScroll.vue?6d72","webpack:///./src/views/center/mock/tmall.png","webpack:///./src/views/center/mock/unlockDialog.vue?b865","webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./node_modules/core-js/internals/string-html-forced.js","webpack:///./src/views/center/components/activeSuccess.vue","webpack:///src/views/center/components/activeSuccess.vue","webpack:///./src/views/center/components/activeSuccess.vue?0291","webpack:///./src/views/center/components/activeSuccess.vue?ff8f","webpack:///./src/views/center/components/activeSuccess.vue?9074","webpack:///./src/assets/img/start.png"],"names":["render","_vm","this","_c","_self","staticClass","class","windowHeight","on","closeDialog","unlockModes","active_title","length","attrs","require","_e","showType","indexOf","_m","_v","openUrl","_s","active_content","domProps","active_qrcode_image_url","defaultExtension","directives","name","rawName","value","activationCode","expression","$event","target","composing","unlockCode","staticRenderFns","ref","_t","txt","props","type","data","interval","mounted","beforeDestroy","clearInterval","watch","methods","init","copy","container","count","component","extension","ratioTop","components","textScroll","buyUrl","default","computed","mapState","authorization","hintTitle","title","getDetail","Api","sessionStorage","code","active_channel","isShow","submit","res","toLogin","window","_arrayWithoutHoles","arr","Array","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","module","exports","uncurryThis","requireObjectCoercible","toString","quot","replace","string","tag","attribute","S","p1","$","createHTML","forcedStringHTMLMethod","proto","forced","link","url","fails","METHOD_NAME","test","toLowerCase","split","visible","tInfos","_l","list","item","i","key","img","valid_day","desc","adTitle","stop","initCarousel","carouselList","link_url","icon_image_url","GiftBox","infos","sources","m","gCarouselListRef","requestAnimationFrame","carouselDom"],"mappings":"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","file":"js/chunk-ee8bca6a.69c9f7d7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"p_unlockDialog\",class:_vm.windowHeight?'p_unlockDialog_top':''},[_c('i',{staticClass:\"iconfont papa-close\",on:{\"click\":_vm.closeDialog}}),(_vm.unlockModes?.active_title?.length)?_c('div',{staticClass:\"title\"},[_c('img',{staticClass:\"iconImg\",attrs:{\"src\":require(\"@/assets/img/start.png\"),\"alt\":\"\"}}),_c('textScroll',{staticClass:\"title_text\",attrs:{\"txt\":_vm.unlockModes?.active_title}})],1):_vm._e(),(_vm.showType.length == 1 && _vm.showType.indexOf(2) > -1)?_c('div',{staticClass:\"tabao_link\"},[_c('div',{staticClass:\"tabao_link_title_box\"},[_c('div',{staticClass:\"tabao_link_title\"},[_vm._m(0),_c('h5',{staticClass:\"left_span\"},[_vm._v(\"趴趴天猫旗舰店\")]),_c('h4',{staticClass:\"right_span\"},[_vm._v(\"优惠购买\")]),_c('div',{staticClass:\"tobao_btn\",on:{\"click\":_vm.openUrl}},[_vm._v(\"点击购买\")])])]),_c('div',{staticClass:\"tabao_link_desc_box\"},[_vm._v(\" \"+_vm._s(_vm.unlockModes?.active_content)+\" \")])]):_c('div',{staticClass:\"QRcode_box\"},[(_vm.unlockModes?.active_content.length)?_c('div',{staticClass:\"sweep_QRcode\"},[_c('div',{staticClass:\"left_content\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.unlockModes?.active_content)}})]),_c('div',{staticClass:\"QRcode\"},[_c('img',{attrs:{\"src\":_vm.unlockModes?.active_qrcode_image_url || _vm.defaultExtension,\"alt\":\"\"}})])]):_vm._e()]),_c('div',{staticClass:\"input_active\"},[_c('div',{staticClass:\"active_title\"},[_vm._v(\"请输入激活码\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activationCode),expression:\"activationCode\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入激活码\"},domProps:{\"value\":(_vm.activationCode)},on:{\"input\":function($event){if($event.target.composing)return;_vm.activationCode=$event.target.value}}}),_c('div',{staticClass:\"activeBtn\",on:{\"click\":_vm.unlockCode}},[_vm._v(\"提交\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('img',{attrs:{\"src\":require(\"./tmall.png\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"textRollRef\",class:['txtRoll']},[_c('div',{ref:\"textRef\",staticClass:\"text\"},[_vm._t(\"rollEntity\",function(){return [_c('span',[_vm._v(_vm._s(_vm.txt))])]})],2),_c('div',{ref:\"copyRef\",staticClass:\"copy\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div :class=\"['txtRoll']\" ref=\"textRollRef\">\n      <div class=\"text\" ref=\"textRef\">\n        <slot name=\"rollEntity\">\n          <span>{{ txt }}</span>\n        </slot>\n      </div>\n      <div class=\"copy\" ref=\"copyRef\"></div>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    props: {\n      txt: {\n        type: String\n      }\n    },\n    data() {\n      return {\n        interval: null\n      }\n    },\n    mounted() {\n      this.init();\n    },\n    beforeDestroy() {\n      clearInterval(this.interval);\n    },\n    watch: {\n      txt() {\n        if (this.interval) {\n          clearInterval(this.interval);\n        }\n        this.$refs.copyRef.innerHTML = '';\n        this.$refs.textRollRef.scrollLeft = 0;\n        this.init();\n      }\n    },\n    methods: {\n      init() {\n        const text = this.$refs.textRef;\n        if (!this.$refs.textRollRef?.style) return;\n        this.$refs.textRollRef.style.overflowX = 'auto';\n        this.$nextTick(() => {\n          const container = this.$refs.textRollRef;\n          const copy = this.$refs.copyRef;\n          if (text?.offsetWidth <= container?.offsetWidth) {\n            this.$refs.textRollRef.style.overflowX = 'hidden';\n            return;\n          }\n  \n          copy.innerHTML = text?.innerHTML;\n          let count = 0;\n          if (this.interval) {\n            clearInterval(this.interval);\n          }\n  \n          const loop = () => {\n            if (copy.offsetWidth <= container.scrollLeft) {\n              // container.appendChild(text);\n              // container.scrollLeft -= 200;\n            }\n            if (text.offsetWidth + 20 <= container.scrollLeft) {\n              if (count % 2 === 0) {\n                container.appendChild(text);\n              } else {\n                container.appendChild(copy);\n              }\n              container.scrollLeft -= text.offsetWidth + 20;\n              count++;\n            } else {\n              container.scrollLeft += 1;\n            }\n          }\n  \n          this.interval = setInterval(loop, 20);\n        });\n      }\n    }\n  }\n  </script>\n  \n  <style lang=\"less\" scoped>\n  .txtRoll {\n    width: 100%;\n    padding-bottom: 0px;\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    justify-content: flex-start;\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n    & > div {\n      margin-right: 20px;\n    }\n    .text {\n      padding-left: 4px;\n      min-width: 100%;\n      display: flex;\n      flex: none;\n    }\n    .copy {\n      min-width: 100%;\n      display: flex;\n      flex: none;\n      justify-content: center;\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!./textScroll.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!./textScroll.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./textScroll.vue?vue&type=template&id=764fbe93&scoped=true&\"\nimport script from \"./textScroll.vue?vue&type=script&lang=js&\"\nexport * from \"./textScroll.vue?vue&type=script&lang=js&\"\nimport style0 from \"./textScroll.vue?vue&type=style&index=0&id=764fbe93&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  \"764fbe93\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"p_unlockDialog\" :class=\"windowHeight?'p_unlockDialog_top':''\">\n    <i class=\"iconfont papa-close\" @click=\"closeDialog\"></i>\n    <div class=\"title\" v-if=\"unlockModes?.active_title?.length\">\n      <img class=\"iconImg\" src=\"@/assets/img/start.png\" alt=\"\">\n      <textScroll :txt=\"unlockModes?.active_title\" class=\"title_text\" />\n      <!-- <span v-html=\"unlockModes?.active_title\"></span> -->\n    </div>\n    <div\n      class=\"tabao_link\"\n      v-if=\"showType.length == 1 && showType.indexOf(2) > -1\"\n    >\n      <div class=\"tabao_link_title_box\">\n        <div class=\"tabao_link_title\">\n          <div><img src=\"./tmall.png\" alt=\"\" /></div>\n          <h5 class=\"left_span\">趴趴天猫旗舰店</h5>\n          <h4 class=\"right_span\">优惠购买</h4>\n          <div class=\"tobao_btn\" @click=\"openUrl\">点击购买</div>\n        </div>\n      </div>\n      <div class=\"tabao_link_desc_box\">\n        {{unlockModes?.active_content}}\n      </div>\n    </div>\n    <div v-else class=\"QRcode_box\">\n      <div class=\"sweep_QRcode\" v-if=\"unlockModes?.active_content.length\">\n        <div class=\"left_content\">\n          <span v-html=\"unlockModes?.active_content\"> </span>\n        </div>\n        <div class=\"QRcode\">\n          <img\n            :src=\"unlockModes?.active_qrcode_image_url || defaultExtension\"\n            alt=\"\"\n          />\n        </div>\n      </div>\n    </div>\n    <div class=\"input_active\">\n      <div class=\"active_title\">请输入激活码</div>\n      <input type=\"text\" v-model=\"activationCode\" placeholder=\"请输入激活码\" />\n      <div class=\"activeBtn\" @click=\"unlockCode\">提交</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as Api from \"@/api/center.js\";\nimport { mapState } from \"vuex\";\nimport {toLogin} from \"@/utils/authorization\";\nimport textScroll from \"@/components/common/textScroll/textScroll.vue\";\n\nexport default {\n  name: \"unlockDialog\",\n  data() {\n    return {\n      activationCode: \"\",\n      extension: \"\",\n      defaultExtension: \"https://img.papaen.com/system/category/ielts_exam.png\",\n      ratioTop: null,\n    };\n  },\n  components: {\n    textScroll\n  },\n  props: {\n    buyUrl: {\n      type: String,\n      default:\n        \"https://detail.tmall.com/item.htm?spm=a1z10.5-b.w4011-13240469690.76.7b4512bdsJ7VKI&id=630587411277&rn=777307307d144e3fd028933563f546a3&abbucket=15\",\n    },\n    showType: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n    unlockModes: {\n      type: Object,\n      default: () => {\n        return {};\n      },\n    },\n  },\n  computed: {\n    ...mapState({\n      authorization: (state) => state.common.authorization,\n    }),\n    hintTitle() {\n      let title = \"付费购买！专属题库等你来练～\";\n      if (this.unlockModes?.name == \"课程模考\") {\n        title = \"快来扫我哟！专属题库等你来练～\";\n      } else if (this.unlockModes?.name == \"高频真题（35套）\") {\n        title = \"付费购买！专属题库等你来练～\";\n      } else if (this.unlockModes?.name == \"高频真题体验卷（6套）\") {\n        title = \"付费购买！专属题库等你来练～\";\n      }\n      return title;\n    },\n    windowHeight(){\n      return window.innerHeight<750\n    }\n  },\n  mounted() {\n    if (localStorage.authorization) {\n      if (sessionStorage.extensions) {\n        this.extension = JSON.parse(sessionStorage.extensions);\n      } else {\n      }\n    }\n    this.getDetail();\n  },\n  methods: {\n    getDetail() {\n      Api.extensions((res) => {\n        this.extension = res;\n        sessionStorage.extensions = JSON.stringify(res);\n      });\n    },\n    unlockCode(e) {\n      if (localStorage.authorization) {\n        if (this.activationCode.length === 0) {\n          return this.$message.error(\"请输入激活码\");\n        }\n        Api.activationCode(\n            \"post\",\n            {\n              code: this.activationCode,\n              active_channel:\n                  this.$route.path.indexOf(\"/center/mock\") == 0 ? 1 : 2,\n            },\n            (res) => {\n              this.$message.success(\"兑换成功，请在有效期内合理安排练习\");\n              this.$emit(\"handleUnlockDialog\", {\n                isShow: false,\n                submit: e.target.innerHTML,\n                res\n              });\n            }\n        );\n      } else {\n        toLogin();\n      }\n    },\n    openUrl() {\n      window.open(this.buyUrl);\n    },\n    closeDialog(e) {\n      this.activationCode = \"\";\n      this.$emit(\"handleUnlockDialog\", { isShow: false });\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.p_unlockDialog_top{\n  top: 10% !important;\n  margin-top: 0px !important;\n\n}\n.p_unlockDialog {\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  flex-direction: column;\n  width: 600px;\n  min-height: 452px;\n  z-index: 100;\n  box-sizing: border-box;\n  padding: 30px;\n  position: fixed;\n  // top: 105px;\n  left: 50%;\n  margin-left: -320px;\n  border-radius: 8px;\n  background-image: url(\"./unlock_background.png\");\n  background-size: 100% 100%;\n  text-align: left;\n  top: 50%;\n  margin-top: -300px;\n\n  .papa-close {\n    position: absolute;\n    right: 15px;\n    top: 15px;\n    font-size: 28px;\n    &:hover {\n      cursor: pointer;\n    }\n  }\n  .title {\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    .iconImg {\n      width: 22px;\n      margin-right: 10px;\n      flex: unset;\n    }\n    .title_text {\n      flex: auto;\n      overflow: hidden;\n      font-size: 22px;\n      font-weight: bold;\n      color: rgba(0, 0, 0, 0.9);\n      margin-right: 10px;\n    }\n  }\n  .tabao_link {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 20px;\n    box-sizing: border-box;\n    //基线对齐\n    display: flex;\n    justify-content: space-between;\n    .tabao_link_title {\n      position: relative;\n      width: 160px;\n      height: 160px;\n      background: #FFFFFF;\n      border-radius: 8px 8px 8px 8px;\n      padding: 20px;\n    }\n    img {\n      width: 36px;\n      height: 36px;\n      margin-bottom: 10px;\n    }\n    .left_span {\n      font-size: 16px;\n    }\n    .right_span {\n      font-size: 20px;\n      color: #ff3e3e;\n    }\n    span {\n      color: rgba(0, 0, 0, 0.9);\n      font-weight: bold;\n      font-size: 22px;\n    }\n    .tobao_btn {\n      margin-top: 10px;\n      font-size: 12px;\n      color: #29d087;\n      cursor: pointer;\n      .hover;\n    }\n\n    .tabao_link_desc_box {\n      position: relative;\n      width: 358px;\n      height: 142px;\n      background: #FFFFFF;\n      border-radius: 8px 8px 8px 8px;\n      opacity: 1;\n      text-align: left;\n      padding: 16px;\n      font-size: 14px;\n      color: rgba(0,0,0,0.9);\n\n      &:after {\n        content: '';\n        position: absolute;\n        top: 22px;\n        left: -8px;\n        width: 18px;\n        height: 18px;\n        background: #FFFFFF;\n        border-radius: 2px;\n        opacity: 1;\n        transform: rotate(45deg);\n      }\n    }\n  }\n  .input_active {\n    width: 100%;\n    height: 192px;\n    background: #ffffff;\n    border-radius: 8px 8px 8px 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    .active_title {\n      color: rgba(0, 0, 0, 0.9);\n      font-weight: bold;\n      font-size: 22px;\n      text-align: center;\n      margin-bottom: 20px;\n    }\n    input {\n      width: 500px;\n      height: 42px;\n      border: 1px solid #f6f6f6;\n      border-radius: 4px 4px 4px 4px;\n      margin-bottom: 20px;\n      padding: 0 10px;\n      //选中去除边框\n      &:focus {\n        outline: none;\n      }\n      //光标颜色\n      &::placeholder {\n        color: #bfbfbf;\n      }\n      caret-color: black;\n    }\n    .activeBtn {\n      margin: 0 auto;\n      text-align: center;\n      line-height: 40px;\n      width: 180px;\n      height: 40px;\n      background: #29d087;\n      border-radius: 60px 60px 60px 60px;\n      color: #fff;\n      .hover;\n    }\n  }\n  .QRcode_box {\n    width: 100%;\n  }\n  .sweep_QRcode {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px;\n    .left_content {\n      width: 358px;\n      height: 142px;\n      padding: 16px;\n      background-color: #fff;\n      box-sizing: border-box;\n      border-radius: 8px 8px 8px 8px;\n      line-height: 22px;\n      position: relative;\n      white-space: pre-wrap;\n      color: rgba(0, 0, 0, 0.9);\n      font-size: 14px;\n      &::before {\n        position: absolute;\n        right: -9px;\n        content: \"\";\n        display: block;\n        //白色三角形\n        width: 22px;\n        height: 22px;\n        background: #ffffff;\n        border-radius: 4px 4px 4px 4px;\n        transform: rotate(45deg);\n      }\n    }\n    .QRcode {\n      width: 160px;\n      height: 160px;\n      border-radius: 4px 4px 4px 4px;\n      img {\n        width: 160px;\n        height: 160px;\n        z-index: 999;\n      }\n      // background: #e2e2e2;\n    }\n  }\n}\n\n.unlock-dialog {\n  .closeBtn {\n    position: absolute;\n    right: 20px;\n    top: 20px;\n    font-size: 12px;\n    color: #ccc;\n    cursor: pointer;\n  }\n\n  .activationCodeBox {\n    width: 100%;\n\n    .title {\n      font-size: 20px;\n      color: #333;\n      font-weight: bold;\n      text-align: left;\n      margin-bottom: 20px;\n    }\n\n    .inputBox {\n      width: 100%;\n      display: flex;\n\n      input {\n        //光标颜色\n        caret-color: black;\n        width: 476px;\n        height: 40px;\n        border: 1px solid #e6e6e6;\n        outline: none;\n        font-size: 12px;\n        padding-left: 5px;\n\n        padding-left: 15px;\n        //左上左下圆角8\n        border-radius: 8px 0 0 8px;\n      }\n\n      input::placeholder {\n        color: #ccc;\n      }\n\n      .submitButton {\n        border: none;\n        outline: none;\n        cursor: pointer;\n        width: 104px;\n        height: 40px;\n        background: #29d087;\n        color: #fff;\n        line-height: 40px;\n        text-align: center;\n        border-radius: 2px;\n        margin-left: -3px;\n        //右上右下圆角8\n        border-radius: 0 8px 8px 0;\n      }\n\n      .submitButton:active {\n        background: #25bb7a;\n      }\n    }\n  }\n\n  .introduce {\n    margin-top: 40px;\n\n    .title {\n      width: 100%;\n      text-align: left;\n      font-size: 18px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 18px;\n    }\n\n    .mode {\n      .modeTitle {\n        display: flex;\n        align-items: center;\n\n        .modeTag {\n          width: 6px;\n          height: 16px;\n          background: #29d087;\n          margin-right: 8px;\n          border-radius: 6px;\n        }\n      }\n\n      .modeCon {\n        font-size: 16px;\n        color: #666;\n        margin-top: 18px;\n        display: flex;\n        .step {\n          margin: auto 0;\n        }\n        .qrCode {\n          width: 100px;\n          height: 100px;\n          flex-shrink: 0;\n\n          img {\n            width: 100%;\n            height: 100%;\n            border-radius: 8px;\n          }\n        }\n\n        .step {\n          font-size: 12px;\n          margin-left: 12px;\n          text-align: left;\n          line-height: 22px;\n        }\n\n        .buyButton {\n          width: 72px;\n          height: 30px;\n          color: #29d087;\n          text-align: center;\n          line-height: 30px;\n          font-size: 12px;\n          cursor: pointer;\n          user-select: none;\n        }\n      }\n    }\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!./unlockDialog.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!./unlockDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./unlockDialog.vue?vue&type=template&id=783b8a14&scoped=true&\"\nimport script from \"./unlockDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./unlockDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./unlockDialog.vue?vue&type=style&index=0&id=783b8a14&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  \"783b8a14\",\n  null\n  \n)\n\nexport default component.exports","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","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!./textScroll.vue?vue&type=style&index=0&id=764fbe93&prod&lang=less&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAA3RJREFUSEvFln1IVGkUh59r5Myou14plgFns0DIvpCKYKDASAKDEQbdNoUkxPGfsggs2rayAoUyTaixDzAY1t2l72HdltwyrFAQ2tjCPozasimXEdwYzNE7zVwn7rw5dsMtp4m6/9z7Hs45z/m9553zjsRneqTPxEEHCpM1ExI2AJlxFBACHsHocYme3rE8UZCATOkGUuKAvB3qhVGrxP2nmvEt0LwGYPMngrxJE94ncW/7O6C5bpDsnxjkkrhX+v+g7CzYvHZi5p4jULQKlFdw/BSsWQXeAXjwBNbZofFXGPCNKfoASP4KMtKF81ob+AbhwnWxfvAY0s1QvRFaO+AHhwD19kHeMth5CE6cnyRougwpScK5rBB8L+HcJbHWvnOt0LQXiraO2/oHYOki+LMjBkVlBbBskUhizRbvnififfIi9DwGR6FIqG2jpiZzBtx5KAop3TlJRWPdMSbC/d/hkQdWlo/3TFPp/BH2nYDMb+HqX2BfAT9fgLylMYI0iPuQ6IP2zEyHrXUQUsE8DSpLYWhY9FDrkXn6RyiaPQtc1XD2MtS7BGhbGSxfAlvqRP+cOyByAvPEQflupVBky4Hy3ZPcusXzhOPNu+PbpX1lzxYQTV3XbXj6LzRsA4tZ+CkBcer+eTZJkD59HKvwB35HcaTWh04A8jPH3WAcsmepUykMmuJCnU4cxpOgsklJcRneHUG7TBa30+iPzLq9w1+zMfBxQ/ywYYjdSYORQtePJLlqlD79rJufOs3dlzAaHar7h1MpDyTHpExTsiHJh/rmTpihJrhuD/6nB30jy+6gpJ/eRQETpYFkFqhTMervyGgBCmEeTgniNA5xJlHRFRYOh10+n08PkmXZLUmS3WAwUFFRQXNzMw6Hg/r6egKBwHuVaTGVlZU0NTVRvPp7nMeOoqoqE4LS0tIOAFtqamqwWq3k5ubS+cdFrty8QVVV1XtBzrqDzFmYHYnp6ujkfMtv1NbWkhiWqvt9L3ZpwdEb1mQyWVKMxhtXrl0zezweSkpKaPnpF1IzLOTk5ERBWuWKotDY2Bi13bl1i7+7u0VMS0vEnp+f3xsMBq1+v79fB9IWsixntLW1ORRFsdhsNtrPuvEGFYqLi6NJk5PFAfH7/VFba2sroVCISEx7O16v93lBQcGxkZGRvjGnL/N3K6azHKPza/TPbyqxOkVoAAAAAElFTkSuQmCC\"","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!./unlockDialog.vue?vue&type=style&index=0&id=783b8a14&prod&lang=less&scoped=true&\"","var uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\n\nvar quot = /\"/g;\nvar replace = uncurryThis(''.replace);\n\n// `CreateHTML` abstract operation\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = toString(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + replace(toString(value), quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('GiftBox',{attrs:{\"visible\":_vm.visible,\"title\":\"激活成功\",\"title-desc\":_vm.tInfos.title},on:{\"update:visible\":function($event){_vm.visible=$event}}},[_c('div',{staticClass:\"active-gift-swapper\"},[_c('div',{staticClass:\"g-list\"},_vm._l((_vm.tInfos.list),function(item,i){return _c('div',{key:i,staticClass:\"g-row\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(item.valid_day ? `有效期${item.valid_day}天` : \"永久有效\"))])])}),0),_c('div',{staticClass:\"active-box\"},[_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.tInfos.desc))]),_c('div',{staticClass:\"content\"},[_c('h4',[_vm._v(_vm._s(_vm.tInfos.adTitle))]),_c('div',{ref:\"gCarouselListRef\",staticClass:\"g-carousel-list\",on:{\"mouseenter\":function($event){_vm.stop = true},\"mouseleave\":() => {\n              _vm.stop = false;\n              _vm.initCarousel();\n            }}},_vm._l((_vm.tInfos.carouselList),function(item,i){return _c('div',{key:i,staticClass:\"g-carousel-item\"},[_c('a',{attrs:{\"href\":item.link_url,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":item.icon_image_url,\"alt\":\"\"}})]),_c('p',[_vm._v(_vm._s(item.title))])])}),0),_c('div',{staticClass:\"footer-tit\"},[_vm._v(\" 您可前往 \"),_c('a',{attrs:{\"href\":_vm.tInfos.link}},[_c('span',[_vm._v(\"趴趴天猫官方旗舰店\")])]),_vm._v(\" 咨询所有商品 \")])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <GiftBox :visible.sync=\"visible\" title=\"激活成功\" :title-desc=\"tInfos.title\">\n    <div class=\"active-gift-swapper\">\n      <div class=\"g-list\">\n        <div class=\"g-row\" v-for=\"(item, i) of tInfos.list\" :key=\"i\">\n          <!--          <div class=\"guide\">-->\n          <!--            <a :href=\"item.user_guide\">使用教程<i class=\"el-icon-arrow-right\"/></a>-->\n          <!--          </div>-->\n          <img :src=\"item.img\" alt=\"\" />\n          <p>{{ item.valid_day ? `有效期${item.valid_day}天` : \"永久有效\" }}</p>\n        </div>\n      </div>\n      <div class=\"active-box\">\n        <div class=\"desc\">{{ tInfos.desc }}</div>\n        <div class=\"content\">\n          <h4>{{ tInfos.adTitle }}</h4>\n          <div\n            ref=\"gCarouselListRef\"\n            class=\"g-carousel-list\"\n            @mouseenter=\"stop = true\"\n            @mouseleave=\"\n              () => {\n                stop = false;\n                initCarousel();\n              }\n            \"\n          >\n            <div\n              class=\"g-carousel-item\"\n              v-for=\"(item, i) of tInfos.carouselList\"\n              :key=\"i\"\n            >\n              <a :href=\"item.link_url\" target=\"_blank\">\n                <img :src=\"item.icon_image_url\" alt=\"\" />\n              </a>\n              <p>{{ item.title }}</p>\n            </div>\n          </div>\n          <div class=\"footer-tit\">\n            您可前往\n            <a :href=\"tInfos.link\"><span>趴趴天猫官方旗舰店</span></a>\n            咨询所有商品\n          </div>\n        </div>\n      </div>\n    </div>\n  </GiftBox>\n</template>\n\n<script>\nimport GiftBox from \"../gift/giftBox.vue\";\n\nexport default {\n  name: \"ActiveSuccess\",\n  components: {\n    GiftBox\n  },\n  props: {\n    visible: {\n      type: Boolean,\n      default: false\n    },\n    infos: {\n      type: Object,\n      default: () => ({})\n    },\n    sources: {\n      type: Array,\n      default: () => []\n    }\n  },\n  watch: {\n    visible(val) {\n      this.$emit(\"update:visible\", val);\n    },\n    tInfos() {\n      this.initCarousel();\n    }\n  },\n  computed: {\n    tInfos() {\n      if (!this.infos)\n        return {\n          list: [],\n          title: \"\",\n          adTitle: \"\",\n          desc: \"\",\n          link: \"\",\n          carouselList: []\n        };\n      const data = this.infos;\n      return {\n        list: (data.sources || []).map(m => ({\n          ...m,\n          img: this.sources.find(f => f.id === m.id)?.active_background_image_url\n        })),\n        title: data.active_title || \"\",\n        adTitle: data.active_ad_title || \"\",\n        desc: data.active_content || \"\",\n        link: data.active_link || \"\",\n        carouselList: data.ads || []\n      };\n    }\n  },\n  data() {\n    return {\n      list: [],\n      desc: ``,\n      carouselList: [],\n      stop: false\n    };\n  },\n  // mounted() {\n  //   this.initCarousel();\n  // },\n  methods: {\n    initCarousel() {\n      // 无限滚动\n      if (!this.carouselList || this.carouselList.length < 4) return;\n      const carouselList = this.carouselList.slice(0, 4);\n      this.carouselList = [...this.carouselList, ...carouselList];\n      this.gCarouselListRef();\n    },\n    gCarouselListRef() {\n      if (this.stop) return;\n      const carouselDom = this.$refs.gCarouselListRef;\n      requestAnimationFrame(() => {\n        //  移动滚动条\n        carouselDom.scrollLeft += 1;\n        if (\n          carouselDom.scrollLeft <\n          carouselDom.scrollWidth - carouselDom.clientWidth\n        ) {\n          this.gCarouselListRef();\n        } else {\n          carouselDom.scrollLeft = 0;\n          this.gCarouselListRef();\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.active-gift-swapper {\n  width: 100%;\n  height: 100%;\n  padding: 15px 0 0;\n\n  .g-list {\n    overflow: auto hidden;\n    display: -webkit-box;\n    gap: 30px;\n    padding: 0 65px;\n\n\n    .g-row {\n      position: relative;\n      width: 160px;\n      min-height: 180px;\n      margin-bottom: 22px;\n\n      .guide {\n        position: absolute;\n        right: 10px;\n        top: 10px;\n        text-indent: 4px;\n        width: 75px;\n        height: 20px;\n        line-height: 20px;\n        background: rgba(0, 0, 0, 0.6);\n        border-radius: 20px;\n        font-size: 11px;\n        font-weight: 500;\n        color: #29d087;\n        a,\n        i {\n          color: #29d087;\n        }\n        .hover;\n      }\n\n      > img {\n        width: 100%;\n        height: calc(100% - 10px);\n        object-fit: contain;\n      }\n\n      > p {\n        font-size: 14px;\n        font-weight: bold;\n        color: rgba(0, 0, 0, 0.9);\n      }\n    }\n  }\n\n  .active-box {\n    .desc {\n      background: rgba(255, 255, 255, 0.7);\n      border-radius: 8px;\n      font-size: 14px;\n      padding: 14px 20px;\n      margin: 40px 15px 20px;\n      text-align: center;\n    }\n\n    .content {\n      padding: 15px;\n      background: #ffffff;\n      border-radius: 12px;\n\n      > h4 {\n        margin-bottom: 10px;\n        font-size: 14px;\n        font-weight: bold;\n        text-align: center;\n        color: rgba(0, 0, 0, 0.9);\n      }\n\n      .g-carousel-list {\n        display: flex;\n        min-height: 80px;\n        overflow-x: auto;\n        overflow-y: hidden;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n\n        .g-carousel-item {\n          width: calc(25% - 44px);\n          margin: 0 22px;\n\n          img {\n            width: 60px;\n            height: 60px;\n            object-fit: contain;\n            .hover-scale;\n          }\n\n          > p {\n            font-size: 12px;\n            color: rgba(0, 0, 0, 0.9);\n          }\n        }\n      }\n\n      .footer-tit {\n        font-size: 12px;\n\n        span {\n          font-size: 14px;\n          font-weight: bold;\n          color: rgba(41, 208, 135, 1);\n        }\n      }\n    }\n  }\n}\n/* 修改滚动条的样式 */\n::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n\n/* 滚动条轨道 */\n::-webkit-scrollbar-track {\n  margin: 0 12px;\n  background: linear-gradient(90deg, #a6f3d3 0%, #c9f5b9 100%);\n  border-radius: 10px;\n}\n\n/* 滚动条滑块 */\n::-webkit-scrollbar-thumb {\n  background: linear-gradient(90deg, #29d087 0%, #29d087 100%);\n  border-radius: 10px;\n}\n\n/* 鼠标悬停时的滚动条滑块 */\n::-webkit-scrollbar-thumb:hover {\n  background: linear-gradient(90deg, rgba(41, 208, 135, 0.65) 0%, rgba(41, 208, 135, 0.63) 100%);\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!./activeSuccess.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!./activeSuccess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./activeSuccess.vue?vue&type=template&id=bde03b0c&scoped=true&\"\nimport script from \"./activeSuccess.vue?vue&type=script&lang=js&\"\nexport * from \"./activeSuccess.vue?vue&type=script&lang=js&\"\nimport style0 from \"./activeSuccess.vue?vue&type=style&index=0&id=bde03b0c&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  \"bde03b0c\",\n  null\n  \n)\n\nexport default component.exports","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!./activeSuccess.vue?vue&type=style&index=0&id=bde03b0c&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/start.d680b30f.png\";"],"sourceRoot":""}