{"version":3,"sources":["webpack:///./src/views/Index/components/showimg1.vue?5bf4","webpack:///./src/views/Index/components/showimg1.vue","webpack:///./src/views/Index/components/showimg1.vue?501e"],"names":["class","id","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$props","position","_ctx","locale","titleen","title","_hoisted_3","_Fragment","item","i","key","onClick","$setup","url","_createVNode","_component_q_img","src","picture","ratio","contents","_hoisted_5","name","props","datas","type","Object","setup","golink","__exports__","render","QImg"],"mappings":"kHAAA,W,2FCCOA,MAAM,a,GACJA,MAAM,W,GAYNC,GAAG,WAAWD,MAAM,e,uBAQhBA,MAAM,Q,uGArBjBE,gCA2BM,MA3BNC,EA2BM,CA1BJC,gCAWM,MAXNC,EAWM,CAVJD,gCASC,QAREJ,MAAK,4BAA4B,GAAdM,QAAMC,SAAQ,OAAyD,GAAdD,QAAMC,SAAQ,a,6BAOvE,MAAhBC,QAAMC,OAAiBH,QAAMI,QAAUJ,QAAMK,OAAK,KAG1DP,gCAaM,MAbNQ,EAaM,6BAZJV,gCAWMW,2CATgBP,QAAMQ,KAAI,CAAtBA,EAAMC,K,yBAFhBb,gCAWM,OAVJF,MAAM,QAELgB,IAAKD,EACLE,QAAK,GAAEC,SAAOJ,EAAKK,M,CAEpBC,yBAA8CC,GAAtCC,IAAKR,EAAKS,QAAUC,MAAO,GAAK,I,gBAChBV,EAAKH,OAASG,EAAKW,UAAQ,yBAAnDvB,gCAGM,MAHNwB,EAGM,CAFJtB,gCAAyB,uCAAlBU,EAAKH,OAAK,GACjBP,gCAA0B,sCAApBU,EAAKW,UAAQ,qD,0BAUd,GACbE,KAAM,WACNC,MAAO,CACLC,MAAO,CACLC,KAAMC,SAGVC,QACE,MAAO,CACLC,iB,kECpCN,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,eAGf,IAAS,EAAQ,aAAc,CAACC,OAAA","file":"vueDist/js/chunk-7f123baf.1abc2032.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!./showimg1.vue?vue&type=style&index=0&id=43f90e09&lang=scss&scoped=true\"","<template>\r\n  <div class=\"container\">\r\n    <div class=\"putitle\">\r\n      <span\r\n        :class=\"\r\n          datas.position == 1\r\n            ? 'left'\r\n            : datas.position == 3\r\n            ? 'right'\r\n            : ''\r\n        \"\r\n        >{{ $i18n.locale == 'en' ? datas.titleen : datas.title }}</span\r\n      >\r\n    </div>\r\n    <div id=\"showimg1\" class=\"pucontainer\">\r\n      <div\r\n        class=\"citem\"\r\n        v-for=\"(item, i) in datas.item\"\r\n        :key=\"i\"\r\n        @click=\"golink(item.url)\"\r\n      >\r\n        <q-img :src=\"item.picture\" :ratio=\"20 / 27\" />\r\n        <div class=\"ctxt\" v-if=\"item.title && item.contents\">\r\n          <h5>{{ item.title }}</h5>\r\n          <p>{{ item.contents }}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { golink } from '../index'\r\n\r\nexport default {\r\n  name: 'showImg1',\r\n  props: {\r\n    datas: {\r\n      type: Object\r\n    }\r\n  },\r\n  setup () {\r\n    return {\r\n      golink\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  margin: 50px 0;\r\n  .pucontainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n    .citem {\r\n      width: 400px;\r\n      position: relative;\r\n      color: #fff;\r\n      cursor: pointer;\r\n      transition: box-shadow 0.4s;\r\n      &:hover {\r\n        box-shadow: 0 2px 20px #bababa;\r\n      }\r\n      &:not(:last-child) {\r\n        margin-right: 20px;\r\n      }\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n      .ctxt {\r\n        width: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        padding: 30px;\r\n        font-size: 30px;\r\n        text-align: left;\r\n        text-shadow: 1px 1px 2px #000;\r\n        background-image: linear-gradient(\r\n          180deg,\r\n          transparent,\r\n          rgba(0, 0, 0, 0.6)\r\n        );\r\n        h5 {\r\n          margin: 0;\r\n        }\r\n        p {\r\n          font-size: 14px;\r\n          margin-bottom: 0;\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./showimg1.vue?vue&type=template&id=43f90e09&scoped=true\"\nimport script from \"./showimg1.vue?vue&type=script&lang=js\"\nexport * from \"./showimg1.vue?vue&type=script&lang=js\"\n\nimport \"./showimg1.vue?vue&type=style&index=0&id=43f90e09&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/laiwendong/Documents/电商/code/annilux-pc/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-43f90e09\"]])\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":""}