{"version":3,"sources":["webpack:///./src/views/home/case.vue?562d","webpack:///src/views/home/case.vue","webpack:///./src/views/home/case.vue?78af","webpack:///./src/views/home/case.vue","webpack:///./src/views/home/case.vue?7dc4"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","wwwUrl","staticClass","_l","item","index","key","cover_img","on","$event","getCase","_v","_s","active_title","url","staticRenderFns","components","vueQr","Header","data","list","size","methods","created","$store","dispatch","then","res","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,OAASN,EAAIO,UAAUH,EAAG,MAAM,CAACI,YAAY,eAAeR,EAAIS,GAAIT,EAAQ,MAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAMH,YAAY,UAAU,CAACJ,EAAG,WAAW,CAACE,MAAM,CAAC,IAAMI,EAAKG,UAAU,KAAO,IAAIC,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOf,EAAIgB,QAAQL,OAAWP,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,IAAI,CAACI,YAAY,qBAAqB,CAACR,EAAIiB,GAAGjB,EAAIkB,GAAGR,EAAKS,iBAAiBf,EAAG,SAAS,CAACI,YAAY,qBAAqBF,MAAM,CAAC,KAAOI,EAAKU,IAAI,OAAS,EAAE,KAAO,IAAI,cAAa,EAAK,YAAY,KAAKhB,EAAG,IAAI,CAACI,YAAY,mBAAmB,CAACR,EAAIiB,GAAG,aAAa,IAAI,MAAK,GAAGb,EAAG,aAAa,CAACE,MAAM,CAAC,oBAAoB,QAAS,IAC9uBe,EAAkB,G,gFC2BtB,GACEC,WAAY,CACVC,MAAJ,IACIC,OAAJ,QAEEC,KALF,WAMI,MAAO,CACLC,KAAM,GACNC,KAAM,GACNpB,OAAQ,6BAGZqB,QAAS,CAEP,QAFJ,SAEA,wKACA,0CADA,uBAEA,yBACA,GACA,OACA,aALA,SAOA,kBAPA,OAOA,EAPA,OAQA,cACA,oCATA,+CAcEC,QA5BF,WA4BA,WACI5B,KAAK6B,OAAOC,SAAS,oBAAqB,OAAOC,MAAK,SAA1D,GACUC,IACF,EAAR,iBAGIhC,KAAKe,YC9DoV,I,wBCQzVkB,EAAY,eACd,EACAnC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,6CCnBf","file":"js/chunk-bee490c8.500a218a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Header',{attrs:{\"wwwUrl\":_vm.wwwUrl}}),_c('div',{staticClass:\"app-content\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"screen\"},[_c('el-image',{attrs:{\"src\":item.cover_img,\"lazy\":\"\"},on:{\"load\":function($event){return _vm.getCase(index)}}}),_c('div',{staticClass:\"screen-item\"},[_c('a',{staticClass:\"screen-item-title\"},[_vm._v(_vm._s(item.active_title))]),_c('vue-qr',{staticClass:\"screen-item-qrcode\",attrs:{\"text\":item.url,\"margin\":0,\"size\":150,\"auto-color\":true,\"dot-scale\":1}}),_c('a',{staticClass:\"screen-item-btn\"},[_vm._v(\"扫码查看活动\")])],1)],1)}),0),_c('el-backtop',{attrs:{\"visibility-height\":1000}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Header :wwwUrl=\"wwwUrl\" />\r\n    <div class=\"app-content\">\r\n      <div class=\"screen\" v-for=\"(item, index) in list\" :key=\"index\">\r\n        <el-image :src=\"item.cover_img\" lazy @load=\"getCase(index)\"></el-image>\r\n        <div class=\"screen-item\">\r\n          <a class=\"screen-item-title\">{{ item.active_title }}</a>\r\n          <vue-qr\r\n            class=\"screen-item-qrcode\"\r\n            :text=\"item.url\"\r\n            :margin=\"0\"\r\n            :size=\"150\"\r\n            :auto-color=\"true\"\r\n            :dot-scale=\"1\"\r\n          ></vue-qr>\r\n          <a class=\"screen-item-btn\">扫码查看活动</a>\r\n        </div>\r\n      </div> \r\n    </div>\r\n    <el-backtop :visibility-height=\"1000\"></el-backtop>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getActiveAll } from '@/api/index'\r\nimport vueQr from 'vue-qr'\r\nimport Header from '@/components/Header'\r\nexport default {\r\n  components: {\r\n    vueQr,\r\n    Header\r\n  },\r\n  data() {\r\n    return {\r\n      list: [], // 案例场景数据\r\n      size: 36, // 每页多少条\r\n      wwwUrl: 'https://www.huodongge.cn'\r\n    }\r\n  },\r\n  methods: {\r\n    // 获取案例场景图片\r\n    async getCase(index) {\r\n      if (index == this.list.length - 1 || typeof index == 'undefined') {\r\n        let page = this.list.length / this.size + 1\r\n        let params = {\r\n          page: page,\r\n          size: this.size\r\n        }\r\n        const res = await getActiveAll(params)\r\n        if (res.status == 0) {\r\n          this.list = this.list.concat(res.data.items)\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$store.dispatch('app/getDomainList', 'www').then(res => {\r\n      if (res) {\r\n        this.wwwUrl = res.url\r\n      }\r\n    })\r\n    this.getCase()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.app-content {\r\n  padding-top: 120px;\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  padding-left: 55px;\r\n  .screen {\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: 0 0 0 1px rgba(58, 58, 58, 0.05);\r\n    width: 250px;\r\n    height: 364px;\r\n    margin-right: 30px;\r\n    margin-bottom: 20px;\r\n    .el-image {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    .screen-item {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      top: 0;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      backface-visibility: hidden;\r\n      background-color: hsla(0, 0%, 100%, 0.98);\r\n      box-shadow: 0 20px 40px 0 rgba(58, 58, 58, 0.2);\r\n      color: #3a3a3a;\r\n      opacity: 0;\r\n      transform: translateZ(0);\r\n      transition: opacity 0.25s ease-out 0s;\r\n    }\r\n    .screen-item-title {\r\n      position: absolute;\r\n      top: 200px;\r\n      left: 0;\r\n      right: 0;\r\n      padding: 30px;\r\n      text-align: center;\r\n      text-shadow: 3px 3px 3px #bbb;\r\n    }\r\n    .screen-item-qrcode {\r\n      box-shadow: 0 20px 40px 0 rgba(58, 58, 58, 0.3);\r\n      padding: 3px;\r\n      border-radius: 2px;\r\n      display: block;\r\n      margin: 0 auto;\r\n    }\r\n    .screen-item-btn {\r\n      background-color: #fff;\r\n      border: 1px solid #10c55b;\r\n      border-radius: 3px;\r\n      color: #10c55b;\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      line-height: 24px;\r\n      padding: 4px 10px;\r\n      text-align: center;\r\n      width: 180px;\r\n      margin: 0 auto;\r\n      margin-top: 30px;\r\n    }\r\n    .screen-item-btn:hover {\r\n      background-color: #10c55b;\r\n      color: #fff;\r\n    }\r\n  }\r\n  .screen:hover {\r\n    .screen-item {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./case.vue?vue&type=template&id=4a194394&scoped=true&\"\nimport script from \"./case.vue?vue&type=script&lang=js&\"\nexport * from \"./case.vue?vue&type=script&lang=js&\"\nimport style0 from \"./case.vue?vue&type=style&index=0&id=4a194394&lang=scss&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  \"4a194394\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case.vue?vue&type=style&index=0&id=4a194394&lang=scss&scoped=true&\""],"sourceRoot":""}