{"version":3,"sources":["webpack:///./src/views/Index/components/recommonshop.vue?077d","webpack:///./src/views/Index/components/recommonshop.vue","webpack:///./src/views/Index/components/recommonshop.vue?852f"],"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$props","position","_ctx","locale","titleen","title","_hoisted_3","_createVNode","_component_swiper","navigation","slides-per-view","free-mode","initialSlide","_Fragment","item","i","_createBlock","_component_swiper_slide","key","_hoisted_4","onMouseover","imgShow","onMouseleave","_component_router_link","to","guid","_component_q_img","src","commoditypictures1","split","ratio","onClick","$setup","iswish","_hoisted_9","_hoisted_10","generalattributename","_hoisted_11","_hoisted_12","Price","_hoisted_13","alt","Swiper","SwiperSlide","Navigation","SwiperCore","swiperConfig","use","name","components","props","datas","type","Object","setup","$t","i18n","global","t","addWishClick","async","res","addwish","mark","status","Notify","create","loupeHandle","viewerApi","images","__exports__","render","QImg"],"mappings":"kHAAA,W,yFCCOA,MAAM,a,GACJA,MAAM,W,GASNA,MAAM,oB,GAGAA,MAAM,U,8EAaJA,MAAM,S,GACNA,MAAM,oB,GACNA,MAAM,e,GACNA,MAAM,Q,GAGNA,MAAM,c,0PAhCrBC,gCAuCM,MAvCNC,EAuCM,CAtCJC,gCAQM,MARNC,EAQM,CAPJD,gCAMmE,QAN5DH,MAAK,4BAA4B,GAAdK,QAAMC,SAAQ,OAAyD,GAAdD,QAAMC,SAAQ,a,6BAM1E,MAAhBC,QAAMC,OAAiBH,QAAMI,QAAUJ,QAAMK,OAAK,KAE3DP,gCA4BM,MA5BNQ,EA4BM,CA3BJC,yBA0BSC,GA1BDC,WAAA,GAAYC,kBAAiB,EAAIC,aAAW,EAAOC,aAAc,G,8BACzD,IAA+B,6BAA7ChB,gCAwBeiB,2CAxBmBb,QAAMc,KAAI,CAAtBA,EAAMC,K,yBAA5BC,yBAwBeC,GAxBgCC,IAAKH,GAAC,C,6BACnD,IAsBM,CAtBNjB,gCAsBM,MAtBNqB,EAsBM,CArBJrB,gCAWM,OAXDH,MAAM,MAAOyB,YAAS,GAAEN,EAAKO,SAAU,EAAOC,aAAU,GAAER,EAAKO,SAAU,G,CAC5Ed,yBAMcgB,GANAC,GAAE,eAAmBV,EAAKW,M,8BACtC,IAIqB,CAJrBlB,yBAIqBmB,GAJbC,IAA2Bb,EAAKO,QAAiCP,EAAKc,mBAAmBC,MAAK,QAAkCf,EAAKc,mBAAmBC,MAAK,QAIhKC,MAAO,EAAI,G,gEAElBhC,gCAAwG,QAAxEH,MAAM,0BAA2BoC,QAAK,8BAAOC,eAAalB,GAAI,W,uBAAjE,GAAfA,EAAKmB,UAAM,4BACzBnC,gCAA6G,QAA7EH,MAAM,+BAAgCoC,QAAK,8BAAOC,eAAalB,GAAI,W,uBAAtE,GAAfA,EAAKmB,UACnBnC,gCAAgF,QAA1EH,MAAM,6BAA8BoC,QAAK,8BAAOC,cAAYlB,GAAI,W,iBAExEhB,gCAIM,MAJNoC,EAIM,CAHJpC,gCAA+D,IAA/DqC,EAA+D,6BAAhCrB,EAAKsB,sBAAoB,GACxDtC,gCAAiF,IAAjFuC,EAAiF,6BAAvC,MAAhBnC,QAAMC,OAAiBW,EAAKV,QAAUU,EAAKT,OAAK,GAC1EP,gCAAqC,IAArCwC,EAAgB,IAAC,6BAAGxB,EAAKyB,OAAK,KAGhCzC,gCAEM,MAFN0C,EAEM,CADJ1C,gCAA2D,OAArD6B,IAAKb,EAAKc,mBAAmBC,MAAM,KAAK,GAAIY,IAAI,I,+GAepE,MAAM,OAAEC,EAAM,YAAEC,EAAW,WAAEC,EAAU,WAAEC,GAAeC,iBACxDD,EAAWE,IAAI,CAACH,IACD,OACbI,KAAM,eACNC,WAAY,CACVP,SACAC,eAEFO,MAAO,CACLC,MAAO,CACLC,KAAMC,SAGVC,QACE,MAAMC,EAAKC,OAAKC,OAAOC,EACjBC,EAAeC,UACnB,MAAMC,QAAYC,eAAQ,CACxBC,KAAMjD,EAAKW,OAEM,IAAfoC,EAAIG,QACNC,OAAOC,OAAOX,EAAG,4BACjBzC,EAAKmB,OAAS,MAEdgC,OAAOC,OAAOX,EAAG,+BACjBzC,EAAKmB,OAAS,MAGZkC,EAAerD,IACnBsD,eAAU,CACRC,OAAQvD,EAAKc,mBAAmBC,MAAM,QAG1C,MAAO,CACL8B,eACAQ,iB,kEC5EN,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,eAGf,IAAS,EAAQ,aAAc,CAACC,OAAA","file":"vueDist/js/chunk-b848ddae.dafcfab9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./recommonshop.vue?vue&type=style&index=0&id=460067e0&lang=scss&scoped=true\"","<template>\r\n  <div class=\"container\">\r\n    <div class=\"putitle\">\r\n      <span :class=\"\r\n          datas.position == 1\r\n            ? 'left'\r\n            : datas.position == 3\r\n            ? 'right'\r\n            : ''\r\n        \">{{ $i18n.locale == 'en' ? datas.titleen : datas.title }}</span>\r\n    </div>\r\n    <div class=\"recommend_swiper\">\r\n      <swiper navigation :slides-per-view=\"5\" :free-mode=\"true\" :initialSlide=\"0\">\r\n        <swiper-slide v-for=\"(item, i) in datas.item\" :key=\"i\">\r\n          <div class=\"reitem\">\r\n            <div class=\"top\" @mouseover=\"item.imgShow = true\" @mouseleave=\"item.imgShow = false\">\r\n              <router-link :to=\"'/goods?guid=' + item.guid\">\r\n                <q-img :src=\"\r\n                    item.imgShow\r\n                      ? item.commoditypictures1.split(',')[1]\r\n                      : item.commoditypictures1.split(',')[0]\r\n                  \" :ratio=\"6 / 8\" />\r\n              </router-link>\r\n              <span v-show=\"item.iswish == 0\" class=\"like iconfont icon-like\" @click.stop=\"addWishClick(item)\"></span>\r\n              <span v-show=\"item.iswish == 1\" class=\"like iconfont icon-like_fill\" @click.stop=\"addWishClick(item)\"></span>\r\n              <span class=\"loupe iconfont icon-sousuo\" @click.stop=\"loupeHandle(item)\"></span>\r\n            </div>\r\n            <div class=\"retxt\">\r\n              <p class=\"blod no-wrap-txt\">{{ item.generalattributename }}</p>\r\n              <p class=\"no-wrap-txt\">{{ $i18n.locale == \"en\" ? item.titleen : item.title }}</p>\r\n              <p class=\"blod\">￥{{ item.Price }}</p>\r\n            </div>\r\n            <!-- 做预加载图片 -->\r\n            <div class=\"onload-img\">\r\n              <img :src=\"item.commoditypictures1.split(',')[1]\" alt=\"\" />\r\n            </div>\r\n          </div>\r\n        </swiper-slide>\r\n      </swiper>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { api as viewerApi } from 'v-viewer'\r\nimport { addwish } from '@/api/goods'\r\nimport { Notify } from 'quasar'\r\nimport i18n from '../../../language'\r\nimport { swiperConfig } from '@/plugins/swiperConfig'\r\nconst { Swiper, SwiperSlide, Navigation, SwiperCore } = swiperConfig()\r\nSwiperCore.use([Navigation])\r\nexport default {\r\n  name: 'recommonShop',\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide\r\n  },\r\n  props: {\r\n    datas: {\r\n      type: Object\r\n    }\r\n  },\r\n  setup () {\r\n    const $t = i18n.global.t\r\n    const addWishClick = async (item) => {\r\n      const res = await addwish({\r\n        mark: item.guid\r\n      })\r\n      if (res.status === 1) {\r\n        Notify.create($t('common.add_wish_success'))\r\n        item.iswish = '1'\r\n      } else {\r\n        Notify.create($t('common.remove_wish_success'))\r\n        item.iswish = '0'\r\n      }\r\n    }\r\n    const loupeHandle = (item) => {\r\n      viewerApi({\r\n        images: item.commoditypictures1.split(',')\r\n      })\r\n    }\r\n    return {\r\n      addWishClick,\r\n      loupeHandle\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  margin: 50px auto;\r\n}\r\n\r\n.recommend_swiper {\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n  --swiper-theme-color: #000;\r\n  .reitem {\r\n    cursor: pointer;\r\n    .top {\r\n      width: 100%;\r\n      color: #000;\r\n      overflow: hidden;\r\n      position: relative;\r\n      padding: 5px;\r\n      box-sizing: border-box;\r\n      -webkit-box-sizing: border-box;\r\n      .like {\r\n        position: absolute;\r\n        right: 10px;\r\n        top: 5px;\r\n        font-size: 20px;\r\n        cursor: pointer;\r\n        z-index: 2;\r\n      }\r\n      .loupe {\r\n        position: absolute;\r\n        left: 10px;\r\n        top: 5px;\r\n        font-size: 20px;\r\n        cursor: pointer;\r\n        z-index: 2;\r\n      }\r\n    }\r\n    .retxt {\r\n      width: 100%;\r\n      text-align: center;\r\n      p {\r\n        font-size: 14px;\r\n        color: #000;\r\n        margin-bottom: 0;\r\n      }\r\n      p:nth-of-type(1) {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n    .onload-img {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      height: 0;\r\n      visibility: hidden;\r\n      img {\r\n        width: 0;\r\n        height: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./recommonshop.vue?vue&type=template&id=460067e0&scoped=true\"\nimport script from \"./recommonshop.vue?vue&type=script&lang=js\"\nexport * from \"./recommonshop.vue?vue&type=script&lang=js\"\n\nimport \"./recommonshop.vue?vue&type=style&index=0&id=460067e0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/lwd/Documents/缤果/电商/code/annilux-pc/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-460067e0\"]])\n\nexport default __exports__\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QImg});\n"],"sourceRoot":""}