{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/detail/childComps/DetailGoodsInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/detail/childComps/DetailGoodsInfo.vue","mtime":1618243950777},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIkRldGFpbEdvb2RzSW5mbyIsCiAgICBwcm9wczogewogICAgICBkZXRhaWxJbmZvOiB7CiAgICAgICAgdHlwZTogQXJyYXkKICAgICAgfQogICAgfSwKICAgIGRhdGEoKXsKCQkgIHJldHVybnsKCQkgICAgcm91bnRlcjowLAogICAgICAgIGltYWdlc0xlbmd0aDowLAogICAgICB9CiAgICB9LAogICAgbWV0aG9kczogewogICAgICBpbWdMb2FkKCkgewogICAgICAgIHRoaXMuJGVtaXQoJ2RldGFpbEltYWdlbG9hZCcpCiAgICAgIH0KICAgIH0KCX0K"},{"version":3,"sources":["DetailGoodsInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"DetailGoodsInfo.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n  <div v-if=\"detailInfo.length !== 0\" class=\"goods-info\" >\n    <div class=\"info-desc clear-fix\">\n      <!-- <div class=\"start\">\n        商品特点\n      </div> -->\n      <div class=\"desc\">商品特点</div>\n      <div class=\"end\"></div>\n    </div>\n    <!-- <div class=\"info-key\">{{detailInfo.detailImage[0].key}}</div> -->\n    <div class=\"info-list\">\n      <img v-for=\"(item, index) in detailInfo\" :key=\"index\" :src=\"item\" alt=\"\" @load=\"imgLoad\">\n    </div>\n  </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"DetailGoodsInfo\",\n    props: {\n      detailInfo: {\n        type: Array\n      }\n    },\n    data(){\n\t\t  return{\n\t\t    rounter:0,\n        imagesLength:0,\n      }\n    },\n    methods: {\n      imgLoad() {\n        this.$emit('detailImageload')\n      }\n    }\n\t}\n</script>\n\n<style scoped>\n  .goods-info {\n    padding: 20px 0;\n    border-bottom: 5px solid #f2f5f8;\n  }\n\n  .info-desc {\n    padding: 0 5px;\n  }\n\n  .info-desc .start, .info-desc .end {\n    width: 90px;\n    height: 1px;\n    background-color: #a3a3a5;\n    position: relative;\n  }\n\n  .info-desc .start {\n    float: left;\n  }\n\n  .info-desc .end {\n    float: right;\n  }\n\n  /* .info-desc .start::before, .info-desc .end::after {\n    content: '';\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    background-color: #333;\n    bottom: 0;\n  } */\n\n  .info-desc .end::after {\n    right: 0;\n  }\n\n  .info-desc .desc {\n    height: 24px;\n    line-height: 24px;\n    background: url('../../../assets/img/detail/text-bg.png') 0 0 repeat-x;\n    padding: 0 5px;\n    font-weight: bold;\n    font-size: 14px;\n    margin-bottom: 10px;\n  }\n\n  .info-key {\n    margin: 10px 0 10px 15px;\n    color: #333;\n    font-size: 15px;\n  }\n\n  .info-list {\n    display: block;\n  }\n\n  .info-list img {\n    width: 100%;\n  }\n</style>\n"]}]}