You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
3.2 KiB
1 line
3.2 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailGoodsInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailGoodsInfo.vue","mtime":1607666509056},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIkRldGFpbEdvb2RzSW5mbyIsCiAgICBwcm9wczogewogICAgICBkZXRhaWxJbmZvOiB7CiAgICAgICAgdHlwZTogT2JqZWN0CiAgICAgIH0KICAgIH0sCiAgICBkYXRhKCl7CgkJICByZXR1cm57CgkJICAgIHJvdW50ZXI6MCwKICAgICAgICBpbWFnZXNMZW5ndGg6MCwKICAgICAgfQogICAgfSwKICAgIG1ldGhvZHM6IHsKICAgICAgaW1nTG9hZCgpIHsKICAgICAgICB0aGlzLiRlbWl0KCdkZXRhaWxJbWFnZWxvYWQnKQogICAgICB9CiAgICB9Cgl9Cg=="},{"version":3,"sources":["DetailGoodsInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;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=\"Object.keys(detailInfo).length !== 0\" class=\"goods-info\" >\n <div class=\"info-desc clear-fix\">\n <div class=\"start\">\n </div>\n <div class=\"desc\">{{detailInfo.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.detailImage[0].list\" :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: Object\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 15px;\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 padding: 15px 0;\n font-size: 14px;\n }\n\n .info-key {\n margin: 10px 0 10px 15px;\n color: #333;\n font-size: 15px;\n }\n\n .info-list img {\n width: 100%;\n }\n</style>\n"]}]} |