{"version":3,"sources":["webpack:///./src/views/center/gift/rankGiftContent.vue?88d8","webpack:///./src/views/center/components/receiveSuccess.vue","webpack:///src/views/center/components/receiveSuccess.vue","webpack:///./src/views/center/components/receiveSuccess.vue?f782","webpack:///./src/views/center/components/receiveSuccess.vue?c9e8","webpack:///./src/views/center/gift/type.js","webpack:///./src/views/center/gift/rankGiftContent.vue","webpack:///src/views/center/gift/rankGiftContent.vue","webpack:///./src/views/center/gift/rankGiftContent.vue?7672","webpack:///./src/views/center/gift/rankGiftContent.vue?c4fe","webpack:///./src/views/center/gift/giftBox.vue","webpack:///src/views/center/gift/giftBox.vue","webpack:///./src/views/center/gift/giftBox.vue?2d5f","webpack:///./src/views/center/gift/giftBox.vue?edb5","webpack:///./src/views/center/components/receiveSuccess.vue?6497","webpack:///./src/views/center/gift/giftBox.vue?ce5a"],"names":["render","_vm","this","_c","_self","visible","staticClass","class","anim","_v","attrs","IMG_DOMAIN_PREFIX","on","$event","$emit","_s","info","receive_slogan","user_guide","_e","staticRenderFns","props","type","default","data","component","CLAIM_STATUS","codeNotRedeemed","selectNotRedeemed","Redeemed","redeemed","status","style","height","checked","_l","list","item","key","id","background_image_url","description","doChecked","slogan","_m","directives","name","rawName","value","expression","receive","watch","handler","immediate","methods","getGfitList","giftDetailApi","viewGfitDetail","getGiftDetailByIdApi","receiveGiftApi","gift_id","title","titleDesc","_t"],"mappings":"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","file":"js/chunk-d19a9a76.7ca3ddd2.js","sourcesContent":["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!./rankGiftContent.vue?vue&type=style&index=0&id=1dcb0772&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visible)?_c('div',{staticClass:\"swapper\"},[_c('div',{staticClass:\"mask\"}),_c('div',{staticClass:\"re-content\",class:{ anim: _vm.visible }},[_c('h3',{staticClass:\"title\"},[_vm._v(\"领取成功\")]),_c('img',{staticClass:\"tit-icon\",attrs:{\"src\":_vm.IMG_DOMAIN_PREFIX + 'pic-ok.png',\"alt\":\"\"}}),_c('i',{staticClass:\"el-icon-close\",on:{\"click\":function($event){return _vm.$emit('update:visible', false)}}}),_c('p',{staticClass:\"desc\"},[_vm._v(\" \"+_vm._s(_vm.info.receive_slogan)+\" \")]),_c('a',{staticClass:\"tutorial-icon\",attrs:{\"href\":_vm.info.user_guide,\"target\":\"_blank\"}},[_vm._v(\"使用教程 \"),_c('i',{staticClass:\"el-icon-arrow-right\"})])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"swapper\" v-if=\"visible\">\n    <div class=\"mask\"></div>\n    <div class=\"re-content\" :class=\"{ anim: visible }\">\n      <h3 class=\"title\">领取成功</h3>\n      <img\n        :src=\"IMG_DOMAIN_PREFIX + 'pic-ok.png'\"\n        class=\"tit-icon\"\n        alt=\"\"\n      />\n      <i class=\"el-icon-close\" @click=\"$emit('update:visible', false)\" />\n      <p class=\"desc\">\n        {{ info.receive_slogan }}\n      </p>\n      <a :href=\"info.user_guide\" target=\"_blank\" class=\"tutorial-icon\">使用教程 <i class=\"el-icon-arrow-right\" /></a>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { IMG_DOMAIN_PREFIX } from \"@/utils/constant\";\n\nexport default {\n  props: {\n    visible: {\n      type: Boolean,\n      default: true\n    },\n    info: {\n      type: Object,\n      default: () => ({\n        receive_slogan: '',\n        user_guide: ''\n      })\n    }\n  },\n  data() {\n    return {\n      IMG_DOMAIN_PREFIX\n    };\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.swapper {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 10%;\n  bottom: 0;\n  z-index: 99;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .mask {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    z-index: -1;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .re-content {\n    position: relative;\n    width: 270px;\n    min-height: 264px;\n    background: #ffffff;\n    border-radius: 8px;\n    padding: 10px 20px 25px;\n    text-align: center;\n\n    .title {\n      font-size: 18px;\n      font-weight: bold;\n      color: rgba(0,0,0,0.9);\n      margin: 24px auto 10px;\n    }\n\n    .el-icon-close {\n      position: absolute;\n      right: 15px;\n      top: 15px;\n      font-size: 20px;\n      font-weight: bold;\n      cursor: pointer;\n      .hover-scale;\n    }\n\n    .desc {\n      margin: 14px 0;\n      font-size: 14px;\n      color: rgba(0,0,0,0.7);\n    }\n\n    .tutorial-icon {\n      color: #29D087;\n      font-size: 12px;\n      position: absolute;\n      right: 10px;\n      bottom: 10px;\n    }\n\n  }\n}\n\n.anim {\n  animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n@keyframes scale-in-center {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  80% {\n    transform: scale(1.1);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 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!./receiveSuccess.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!./receiveSuccess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./receiveSuccess.vue?vue&type=template&id=09fee742&scoped=true&\"\nimport script from \"./receiveSuccess.vue?vue&type=script&lang=js&\"\nexport * from \"./receiveSuccess.vue?vue&type=script&lang=js&\"\nimport style0 from \"./receiveSuccess.vue?vue&type=style&index=0&id=09fee742&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  \"09fee742\",\n  null\n  \n)\n\nexport default component.exports","// 弹框类型\nexport const CLAIM_STATUS = {\n  codeNotRedeemed: 1, // 扫码 未兑换\n  selectNotRedeemed: 2, // 多选 未兑换\n  Redeemed: 3 // 已兑换\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rank-gift-swapper\"},[_c('div',{staticClass:\"g-list\",class:{ redeemed: _vm.status === _vm.CLAIM_STATUS.Redeemed },style:({ height: _vm.checked ? '300px' : 'auto' })},_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"g-row\",class:{\n        checked:\n          _vm.status === _vm.CLAIM_STATUS.selectNotRedeemed && _vm.checked === item.id,\n        'not-checked':\n          _vm.status === _vm.CLAIM_STATUS.selectNotRedeemed &&\n          _vm.checked !== item.id &&\n          _vm.checked !== null\n      }},[_c('div',{staticClass:\"prize-box\"},[_c('div',{staticClass:\"guide\"},[_c('a',{attrs:{\"href\":item.user_guide,\"target\":\"_blank\"}},[_vm._v(\"使用教程\"),_c('i',{staticClass:\"el-icon-arrow-right\"})])]),_c('img',{attrs:{\"src\":item.background_image_url,\"alt\":\"\"}}),_c('p',{staticClass:\"period\"},[_vm._v(\" \"+_vm._s(item.description)+\" \")])]),(_vm.status === _vm.CLAIM_STATUS.selectNotRedeemed && !_vm.checked)?_c('div',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.doChecked(item)}}},[_vm._v(\" 点击领取 \")]):_vm._e()])}),0),(_vm.status === _vm.CLAIM_STATUS.codeNotRedeemed)?_c('div',{staticClass:\"code-box\"},[_c('div',{staticClass:\"desc\"},[_vm._v(\" \"+_vm._s(_vm.slogan)+\" \")]),_vm._m(0)]):_vm._e(),(_vm.status === _vm.CLAIM_STATUS.selectNotRedeemed && !_vm.checked)?_c('div',{staticClass:\"select-not-box\"},[_vm._v(\" \"+_vm._s(_vm.slogan)+\" \")]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.status === _vm.CLAIM_STATUS.selectNotRedeemed && _vm.checked),expression:\"status === CLAIM_STATUS.selectNotRedeemed && checked\"}],staticClass:\"select-confirm-box\"},[_c('div',{staticClass:\"back-btn\",on:{\"click\":function($event){_vm.checked = null}}},[_vm._v(\"再选选\")]),_c('div',{staticClass:\"confirm-btn\",on:{\"click\":_vm.receive}},[_vm._v(\"领取\")])]),(_vm.status === _vm.CLAIM_STATUS.Redeemed)?_c('div',{staticClass:\"redeemed-box\"},[_vm._v(\" \"+_vm._s(_vm.slogan)+\" \")]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"code\"},[_c('img',{attrs:{\"src\":\"\",\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<!-- chenbang >>> 2023/6/27 15:00:54 -->\n<template>\n  <div class=\"rank-gift-swapper\">\n    <!--  选择礼包的列表 checked是选择的时候样式  redeemed是领取了查看的样式 -->\n    <div\n      class=\"g-list\"\n      :style=\"{ height: checked ? '300px' : 'auto' }\"\n      :class=\"{ redeemed: status === CLAIM_STATUS.Redeemed }\"\n    >\n      <div\n        class=\"g-row\"\n        v-for=\"item of list\"\n        :key=\"item.id\"\n        :class=\"{\n          checked:\n            status === CLAIM_STATUS.selectNotRedeemed && checked === item.id,\n          'not-checked':\n            status === CLAIM_STATUS.selectNotRedeemed &&\n            checked !== item.id &&\n            checked !== null\n        }\"\n      >\n        <div class=\"prize-box\">\n          <div class=\"guide\">\n            <a :href=\"item.user_guide\" target=\"_blank\">使用教程<i class=\"el-icon-arrow-right\"/></a>\n          </div>\n          <img :src=\"item.background_image_url\" alt=\"\" />\n          <p class=\"period\">\n            {{ item.description }}\n          </p>\n        </div>\n        <div\n          v-if=\"status === CLAIM_STATUS.selectNotRedeemed && !checked\"\n          class=\"btn\"\n          @click=\"doChecked(item)\"\n        >\n          点击领取\n        </div>\n        <!--        <div-->\n        <!--          class=\"select-icon\"-->\n        <!--          :class=\"{ 'checked-i': checked === item.id }\"-->\n        <!--          v-if=\"status === CLAIM_STATUS.selectNotRedeemed\"-->\n        <!--        >-->\n        <!--          <img-->\n        <!--            v-show=\"checked === item.id\"-->\n        <!--            :src=\"IMG_DOMAIN_PREFIX + 'corret.png'\"-->\n        <!--            class=\"corret\"-->\n        <!--            alt=\"\"-->\n        <!--          />-->\n        <!--        </div>-->\n      </div>\n    </div>\n    <!--  未兑换样式  -->\n    <div class=\"code-box\" v-if=\"status === CLAIM_STATUS.codeNotRedeemed\">\n      <div class=\"desc\">\n        {{ slogan }}\n      </div>\n      <div class=\"code\">\n        <img src=\"\" alt=\"\" />\n      </div>\n    </div>\n    <!-- 未兑换确认样式 -->\n    <div\n      class=\"select-not-box\"\n      v-if=\"status === CLAIM_STATUS.selectNotRedeemed && !checked\"\n    >\n      {{ slogan }}\n    </div>\n\n    <div\n      class=\"select-confirm-box\"\n      v-show=\"status === CLAIM_STATUS.selectNotRedeemed && checked\"\n    >\n      <div class=\"back-btn\" @click=\"checked = null\">再选选</div>\n      <div class=\"confirm-btn\" @click=\"receive\">领取</div>\n    </div>\n    <!-- 已兑换 -->\n    <div class=\"redeemed-box\" v-if=\"status === CLAIM_STATUS.Redeemed\">\n      {{ slogan }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { IMG_DOMAIN_PREFIX } from \"@/utils/constant\";\nimport { CLAIM_STATUS } from \"@/views/center/gift/type\";\nimport {\n  getGiftDetailByIdApi,\n  giftDetailApi,\n  receiveGiftApi\n} from \"@/api/center\";\n\nexport default {\n  name: \"rankGiftContent\",\n  props: {\n    id: {\n      type: Number,\n      default: 0\n    },\n    status: {\n      type: Number,\n      default: 1\n    }\n  },\n  data() {\n    return {\n      CLAIM_STATUS,\n      IMG_DOMAIN_PREFIX,\n      list: [],\n\n      // codeNotRedeemed\n      slogan: \"\",\n\n      //  selectNotRedeemed\n      checked: null\n    };\n  },\n  watch: {\n    id: {\n      handler() {\n        if (this.status === CLAIM_STATUS.Redeemed) {\n          this.viewGfitDetail();\n        } else {\n          this.getGfitList();\n        }\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    getGfitList() {\n      if (!this.id) return;\n      giftDetailApi(this.id, res => {\n        this.list = res.gifts || [];\n        this.slogan = res.slogan || \"\";\n      });\n    },\n    viewGfitDetail() {\n      if (!this.id) return;\n      getGiftDetailByIdApi(this.id, res => {\n        if (!res.gift) {\n          this.list = [];\n          this.slogan = \"\";\n          return;\n        }\n        this.list = [res.gift];\n        this.slogan = res.gift.receive_slogan || \"\";\n      });\n    },\n    doChecked(item) {\n      if (this.checked === item.id) {\n        this.checked = null;\n        return;\n      }\n      this.checked = item.id;\n      this.$emit(\"getCheckedGiftInfo\", item);\n    },\n    receive() {\n      receiveGiftApi(\n        this.id,\n        {\n          gift_id: this.checked\n        },\n        res => {\n          this.$message.success(\"领取成功\");\n          this.$emit(\"receive\");\n          this.list = this.list.filter(f => f.id === this.checked);\n          this.slogan = this.list[0].receive_slogan;\n        }\n      );\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.redeemed {\n  justify-content: center !important;\n  padding: 0 !important;\n}\n.rank-gift-swapper {\n  width: 100%;\n  height: 100%;\n  padding: 15px 0 0;\n\n  .g-list {\n    position: relative;\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 40px;\n    padding: 0 15px 0 60px;\n    transition: width 0.6s, height 0.6s;\n    overflow: auto hidden;\n\n    .g-row {\n      position: relative;\n      min-height: 180px;\n      margin-bottom: 20px;\n      transition: width 0.6s, height 0.6s;\n\n      .prize-box {\n        border-radius: 8px;\n        background: #fff;\n        transition: width 0.6s, height 0.6s;\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, i {\n            color: #29d087;\n          }\n          .hover;\n        }\n\n        > img {\n          width: 160px;\n          height: 160px;\n          object-fit: contain;\n          border-radius: 8px;\n          border: 1px solid transparent;\n          transition: width 0.6s, height 0.6s;\n        }\n\n        .period {\n          font-size: 14px;\n          font-weight: bold;\n          padding: 5px 0;\n          color: rgba(0, 0, 0, 0.9);\n          margin-bottom: 12px;\n          transition: width 0.6s, height 0.6s;\n        }\n      }\n      .btn {\n        width: 88px;\n        height: 28px;\n        line-height: 14px;\n        text-align: center;\n        font-size: 12px;\n        color: #fff;\n        background: #29d087;\n        border-radius: 28px;\n        .hover;\n      }\n\n      .select-icon {\n        position: absolute;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        right: 10px;\n        bottom: 10px;\n        width: 16px;\n        height: 16px;\n        border-radius: 10px;\n        background: rgba(255, 255, 255, 0.5);\n        border: 1px solid #ffffff;\n        transition: background 0.3s;\n\n        img {\n          margin: 0;\n        }\n      }\n\n      .checked-i {\n        background: #29d087 !important;\n        border: 1px solid #29d087 !important;\n      }\n    }\n\n    .checked {\n      position: absolute;\n      left: 0;\n      right: 0;\n      margin: auto;\n      width: 270px !important;\n      height: 270px !important;\n      .prize-box {\n        background: transparent;\n      }\n      img {\n        width: 270px !important;\n        height: 270px !important;\n      }\n      border-radius: 12px;\n    }\n\n    .not-checked {\n      display: none;\n    }\n  }\n\n  .code-box {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-top: 20px;\n    padding: 15px;\n\n    .desc {\n      position: relative;\n      width: 260px;\n      padding: 15px;\n      text-align: left;\n      background: #ffffff;\n      border-radius: 10px;\n      font-size: 14px;\n      color: rgba(0, 0, 0, 0.9);\n\n      &:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        right: -6px;\n        top: 20px;\n        width: 16px;\n        height: 16px;\n        background: #ffffff;\n        border-radius: 4px;\n        transform: rotate(45deg);\n      }\n    }\n\n    .code {\n      position: relative;\n      width: 160px;\n      height: 160px;\n      background: #ffffff;\n      border-radius: 10px;\n      opacity: 1;\n\n      > img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n    }\n  }\n\n  .select-not-box {\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: left;\n  }\n\n  .redeemed-box {\n    background: rgba(255, 255, 255, 0.7);\n    border-radius: 8px;\n    font-size: 14px;\n    padding: 25px;\n    margin: 0 15px 30px;\n    text-align: center;\n  }\n\n  .select-confirm-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 15px;\n    margin: 20px 0 30px;\n\n    .back-btn {\n      width: 100px;\n      height: 38px;\n      line-height: 38px;\n      border-radius: 38px;\n      font-size: 14px;\n      margin: 0 10px;\n      color: #29d087;\n      border: 1px solid #29d087;\n      .hover;\n    }\n\n    .confirm-btn {\n      width: 100px;\n      height: 38px;\n      line-height: 38px;\n      border-radius: 38px;\n      font-size: 14px;\n      margin: 0 10px;\n      background: #29d087;\n      color: #fff;\n      .hover;\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!./rankGiftContent.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!./rankGiftContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rankGiftContent.vue?vue&type=template&id=1dcb0772&scoped=true&\"\nimport script from \"./rankGiftContent.vue?vue&type=script&lang=js&\"\nexport * from \"./rankGiftContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rankGiftContent.vue?vue&type=style&index=0&id=1dcb0772&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  \"1dcb0772\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visible)?_c('div',{staticClass:\"gift-box-swapper\"},[_c('div',{staticClass:\"mask\"}),_c('div',{staticClass:\"gift-content\",class:{'anim': _vm.visible}},[_c('img',{staticClass:\"tit-gift-icon\",attrs:{\"src\":_vm.IMG_DOMAIN_PREFIX + 'gift_icon.png',\"alt\":\"\"}}),_c('i',{staticClass:\"el-icon-close\",on:{\"click\":function($event){return _vm.$emit('update:visible', false)}}}),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),(_vm.titleDesc)?_c('div',{staticClass:\"title-desc\"},[_vm._v(_vm._s(_vm.titleDesc))]):_vm._e(),_vm._t(\"default\")],2)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"gift-box-swapper\" v-if=\"visible\">\n    <div class=\"mask\"></div>\n    <div class=\"gift-content\" :class=\"{'anim': visible}\">\n      <img :src=\"IMG_DOMAIN_PREFIX + 'gift_icon.png'\" class=\"tit-gift-icon\" alt=\"\"/>\n      <i class=\"el-icon-close\" @click=\"$emit('update:visible', false)\"></i>\n      <div class=\"content\">\n        <div class=\"title\">{{ title }}</div>\n        <div class=\"title-desc\" v-if=\"titleDesc\">{{ titleDesc }}</div>\n        <slot></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {IMG_DOMAIN_PREFIX} from '@/utils/constant'\n\n\nexport default {\n  name: 'giftBox',\n  props: {\n    visible: {\n      type: Boolean,\n      default: false\n    },\n    title: {\n      type: String,\n      default: '趴趴礼包'\n    },\n    titleDesc: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      IMG_DOMAIN_PREFIX\n    }\n  },\n\n\n}\n</script>\n\n<style lang=\"less\" scoped>\n.gift-box-swapper {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 10%;\n  bottom: 0;\n  z-index: 99;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .mask {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    z-index: -1;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .gift-content {\n    position: relative;\n    width: 480px;\n    min-height: 400px;\n    max-height: 700px;\n    border-radius: 12px;\n    //padding: 15px;\n    background: url(\"./gift_bg.png\") no-repeat;\n    background-size: 100% 100%;\n\n    .tit-gift-icon {\n      position: absolute;\n      top: -80px;\n      left: 0;\n      right: 0;\n      margin: auto;\n    }\n\n    .el-icon-close {\n      position: absolute;\n      right: 15px;\n      top: 15px;\n      font-size: 20px;\n      font-weight: bold;\n      cursor: pointer;\n      .hover-scale;\n    }\n\n    .content {\n      padding-top: 60px;\n\n      .title {\n        position: relative;\n        font-size: 24px;\n        font-weight: bolder;\n        text-align: center;\n        color: rgba(0, 0, 0, 0.9);\n        z-index: 2;\n\n        &:after {\n          content: '';\n          display: block;\n          position: absolute;\n          left: 50%;\n          transform: translateX(-50%);\n          top: 15px;\n          z-index: -1;\n          width: 106px;\n          height: 16px;\n          background: #29D087;\n        }\n      }\n\n      .title-desc {\n        margin-top: 8px;\n        font-size: 14px;\n        color: rgba(0, 0, 0, 0.7);\n      }\n    }\n\n  }\n}\n\n.anim {\n  animation: slide-in 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n}\n\n.anim-out {\n  animation: slide-out-bck-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;\n}\n\n@keyframes slide-in {\n  0% {\n    transform: translateY(-600px) rotateX(-30deg) scale(0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0) rotateX(0) scale(1);\n    transform-origin: 50% 1400px;\n    opacity: 1;\n  }\n}\n\n@keyframes slide-out {\n  0% {\n    transform: translateZ(1) translateY(0);\n    opacity: 1;\n  }\n  100% {\n    transform: translateZ(-1100px) translateY(-1000px);\n    opacity: 0;\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!./giftBox.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!./giftBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./giftBox.vue?vue&type=template&id=41ead53a&scoped=true&\"\nimport script from \"./giftBox.vue?vue&type=script&lang=js&\"\nexport * from \"./giftBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./giftBox.vue?vue&type=style&index=0&id=41ead53a&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  \"41ead53a\",\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!./receiveSuccess.vue?vue&type=style&index=0&id=09fee742&prod&lang=less&scoped=true&\"","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!./giftBox.vue?vue&type=style&index=0&id=41ead53a&prod&lang=less&scoped=true&\""],"sourceRoot":""}