{"version":3,"sources":["webpack:///./src/views/shop/Images.vue?5068","webpack:///src/views/shop/Images.vue","webpack:///./src/views/shop/Images.vue?0f9b","webpack:///./src/views/shop/Images.vue","webpack:///./src/components/ImageList.vue?a4ca","webpack:///src/components/ImageList.vue","webpack:///./src/components/ImageList.vue?7e18","webpack:///./src/components/ImageList.vue","webpack:///./src/views/shop/Images.vue?f612","webpack:///./src/components/ImageList.vue?eb92"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_e","staticClass","_l","img","idx","key","on","$event","toShow","show","imgs","cur","staticRenderFns","components","props","data","methods","component","mVisible","ref","changeImg","item","staticStyle","i","class","active","toImg","visible","Boolean","current","String","computed","get","set","$emit","v","created","indexOf","newVal","$nextTick"],"mappings":"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","file":"static/js/chunk-0aa9f742.848e6041.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"aid-order-imgs\"}},[(false)?_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{staticClass:\"img-box\"},_vm._l((_vm.imgs),function(img,idx){return _c('img',{key:idx,attrs:{\"src\":img},on:{\"click\":function($event){return _vm.toShow(img)}}})}),0),(_vm.show)?_c('ImageList',{attrs:{\"visible\":_vm.show,\"imgs\":_vm.imgs,\"current\":_vm.cur},on:{\"update:visible\":function($event){_vm.show=$event}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"aid-order-imgs\">\n    <div class=\"title\" v-if=\"false\">{{title}}</div>\n    <div class=\"img-box\">\n      <img v-for=\"(img,idx) in imgs\" :key=\"idx\" :src=\"img\" @click=\"toShow(img)\" />\n    </div>\n    <ImageList v-if=\"show\" :visible.sync=\"show\" :imgs=\"imgs\" :current=\"cur\" />\n  </div>\n</template>\n<script>\nimport ImageList from \"@/components/ImageList\";\nexport default {\n  components: { ImageList },\n  props: { title: String, imgs: Array },\n  data() {\n    return {\n      show: false,\n      cur: this.imgs[0]\n    };\n  },\n  methods: {\n    toShow(img) {\n      this.cur = img;\n      this.show = true;\n    }\n  }\n};\n</script>\n <style lang=\"scss\" scoped>\n#aid-order-imgs {\n  .title {\n    margin-top: 10px;\n    font-size: 14px;\n    color: #999;\n    padding-bottom: 24px;\n    border-bottom: 1px solid #dcdcdc;\n  }\n  .img-box {\n    img {\n      width: 80px;\n      height: 80px;\n      margin-right: 20px;\n      border-radius: 4px;\n      object-fit: cover;\n      cursor: pointer;\n      border: 1px dashed transparent;\n    }\n    img:hover {\n      border-color: red;\n    }\n  }\n}\n</style>","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!./Images.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!./Images.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Images.vue?vue&type=template&id=3456a66c&scoped=true&\"\nimport script from \"./Images.vue?vue&type=script&lang=js&\"\nexport * from \"./Images.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Images.vue?vue&type=style&index=0&id=3456a66c&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  \"3456a66c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-modal',{staticClass:\"img-list\",attrs:{\"title\":\"图片预览\",\"visible\":_vm.mVisible,\"top\":\"0\",\"footer\":\"\"},on:{\"update:visible\":function($event){_vm.mVisible=$event},\"cancel\":function($event){_vm.mVisible=false}}},[_c('a-carousel',{ref:\"carousel-img\",attrs:{\"interval\":5000,\"loop\":false,\"arrow\":\"always\",\"height\":\"60vh\"},on:{\"change\":_vm.changeImg}},_vm._l((_vm.imgs),function(item,idx){return _c('div',{key:'img-max-'+idx,staticStyle:{\"text-align\":\"center\"},attrs:{\"name\":item}},[_c('img',{staticClass:\"img-max\",attrs:{\"src\":item}})])}),0),_c('div',{staticClass:\"catalog\"},_vm._l((_vm.imgs),function(i,idx){return _c('img',{key:'catalog-'+idx,staticClass:\"img\",class:{active:_vm.cur == idx},attrs:{\"src\":i},on:{\"click\":function($event){return _vm.toImg(i,idx)}}})}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a-modal\n    title=\"图片预览\"\n    :visible.sync=\"mVisible\"\n    top=\"0\"\n    class=\"img-list\"\n    footer\n    @cancel=\"mVisible=false\"\n  >\n    <a-carousel\n      ref=\"carousel-img\"\n      :interval=\"5000\"\n      :loop=\"false\"\n      arrow=\"always\"\n      @change=\"changeImg\"\n      height=\"60vh\"\n    >\n      <div v-for=\"(item,idx) in imgs\" :name=\"item\" :key=\"'img-max-'+idx\" style=\"text-align:center;\">\n        <img class=\"img-max\" :src=\"item\" />\n      </div>\n    </a-carousel>\n    <div class=\"catalog\">\n      <img\n        v-for=\"(i,idx) in imgs\"\n        :key=\"'catalog-'+idx\"\n        :src=\"i\"\n        class=\"img\"\n        :class=\"{active:cur == idx}\"\n        @click=\"toImg(i,idx)\"\n      />\n    </div>\n  </a-modal>\n</template>\n<script>\nexport default {\n  props: {\n    visible: Boolean,\n    imgs: { type: Array, default: () => [] },\n    current: String\n  },\n  data() {\n    return {\n      cur: 0\n    };\n  },\n  computed: {\n    mVisible: {\n      get() {\n        return this.visible;\n      },\n      set(v) {\n        this.$emit(\"update:visible\", v);\n      }\n    }\n  },\n  created() {\n    // console.log(\"urls:\", this.imgs);\n    if (this.current) {\n      this.cur = this.imgs.indexOf(this.current);\n    }\n  },\n  methods: {\n    changeImg(newVal, oldVal) {\n      // console.log(\"change:\", newVal, oldVal);\n      this.toImg(this.imgs[newVal] || 0);\n    },\n    toImg(i, idx) {\n      this.cur = idx;\n      this.$nextTick(() => {\n        // this.$refs[\"carousel-img\"].setActiveItem(i);\n        this.$refs[\"carousel-img\"].goTo(idx);\n      });\n    }\n  }\n};\n</script>\n<style lang=\"scss\"  scoped>\n.img-list {\n  /deep/ .ant-modal-header {\n    padding: 16px 24px;\n  }\n  .img-max {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    margin: 0 auto;\n  }\n  .catalog {\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n    overflow-x: auto;\n    .img {\n      width: 100px;\n      height: 100px;\n      margin: 10px;\n      object-fit: contain;\n      filter: opacity(0.7);\n      cursor: pointer;\n    }\n    .img:hover {\n      filter: unset;\n    }\n    .img.active {\n      border: 1px dashed red;\n    }\n  }\n}\n</style>","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!./ImageList.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!./ImageList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageList.vue?vue&type=template&id=754a6f59&scoped=true&\"\nimport script from \"./ImageList.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageList.vue?vue&type=style&index=0&id=754a6f59&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  \"754a6f59\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./Images.vue?vue&type=style&index=0&id=3456a66c&lang=scss&scoped=true&\"; export default mod; 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!./Images.vue?vue&type=style&index=0&id=3456a66c&lang=scss&scoped=true&\"","import mod 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!./ImageList.vue?vue&type=style&index=0&id=754a6f59&lang=scss&scoped=true&\"; export default mod; 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!./ImageList.vue?vue&type=style&index=0&id=754a6f59&lang=scss&scoped=true&\""],"sourceRoot":""}