{"version":3,"sources":["webpack:///./src/views/Index/components/bigimg.vue?5df2","webpack:///./src/views/Index/components/bigimg.vue","webpack:///./src/views/Index/components/bigimg.vue?ddf6"],"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$props","position","_ctx","locale","titleen","title","_Fragment","item","i","key","onClick","$setup","url","_hoisted_4","_createVNode","_component_q_img","src","picture","alt","ratio","contents","_hoisted_5","name","props","datas","type","Object","setup","golink","__exports__","render","QImg"],"mappings":"kHAAA,W,kECCOA,MAAM,a,GACJA,MAAM,W,iBAkBJA,MAAM,U,SAEJA,MAAM,Q,uGArBjBC,gCA2BM,MA3BNC,EA2BM,CA1BJC,gCAWM,MAXNC,EAWM,CAVJD,gCASC,QAREH,MAAK,4BAA4B,GAAdK,QAAMC,SAAQ,OAAyD,GAAdD,QAAMC,SAAQ,a,6BAOvE,MAAhBC,QAAMC,OAAiBH,QAAMI,QAAUJ,QAAMK,OAAK,iCAG1DT,gCAaMU,2CAXgBN,QAAMO,KAAI,CAAtBA,EAAMC,K,yBAFhBZ,gCAaM,OAZJD,MAAM,UAELc,IAAKD,EACLE,QAAK,GAAEC,SAAOJ,EAAKK,M,CAEpBd,gCAMM,MANNe,EAMM,CALJC,yBAAmDC,GAA3CC,IAAKT,EAAKU,QAASC,IAAI,GAAIC,MAAO,EAAI,G,gBACtBZ,EAAKF,OAASE,EAAKa,UAAQ,yBAAnDxB,gCAGM,MAHNyB,EAGM,CAFJvB,gCAAyB,uCAAlBS,EAAKF,OAAK,GACjBP,gCAA0B,sCAApBS,EAAKa,UAAQ,uD,wBASd,GACbE,KAAM,SACNC,MAAO,CACLC,MAAO,CACLC,KAAMC,SAGVC,MAAOJ,GACL,MAAO,CACLK,iB,kECnCN,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,eAGf,IAAS,EAAQ,aAAc,CAACC,OAAA,Q","file":"vueDist/js/chunk-270ad021.c5dce1bb.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!./bigimg.vue?vue&type=style&index=0&id=676c2d8d&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\r\n      class=\"bigItem\"\r\n      v-for=\"(item, i) in datas.item\"\r\n      :key=\"i\"\r\n      @click=\"golink(item.url)\"\r\n    >\r\n      <div class=\"imgbox\">\r\n        <q-img :src=\"item.picture\" alt=\"\" :ratio=\"7 / 3\" />\r\n        <div class=\"btxt\" 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\nexport default {\r\n  name: 'bigImg',\r\n  props: {\r\n    datas: {\r\n      type: Object\r\n    }\r\n  },\r\n  setup (props) {\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  .bigItem {\r\n    width: 100%;\r\n    display: flex;\r\n    &:nth-child(even) {\r\n      justify-content: flex-end;\r\n      .imgbox {\r\n        .btxt {\r\n          text-align: left;\r\n        }\r\n      }\r\n    }\r\n    .imgbox {\r\n      width: 75%;\r\n      position: relative;\r\n      margin-bottom: 30px;\r\n      cursor: pointer;\r\n      .btxt {\r\n        width: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        padding: 50px 60px;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        text-align: right;\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          font-size: 36px;\r\n          font-weight: bold;\r\n          margin-bottom: 5px;\r\n        }\r\n        p {\r\n          font-size: 16px;\r\n          color: #fff;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./bigimg.vue?vue&type=template&id=676c2d8d&scoped=true\"\nimport script from \"./bigimg.vue?vue&type=script&lang=js\"\nexport * from \"./bigimg.vue?vue&type=script&lang=js\"\n\nimport \"./bigimg.vue?vue&type=style&index=0&id=676c2d8d&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-676c2d8d\"]])\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":""}