{"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/DetailParamInfo.vue?vue&type=style&index=0&id=e095ac1e&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailParamInfo.vue","mtime":1607666509057},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoucGFyYW0taW5mbyB7CiAgcGFkZGluZzogMjBweCAxNXB4OwogIGZvbnQtc2l6ZTogMTRweDsKICBib3JkZXItYm90dG9tOiA1cHggc29saWQgI2YyZjVmODsKfQoKLnBhcmFtLWluZm8gdGFibGUgewogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7Cn0KCi5wYXJhbS1pbmZvIHRhYmxlIHRyIHsKICBoZWlnaHQ6IDQycHg7Cn0KCi5wYXJhbS1pbmZvIHRhYmxlIHRyIHRkIHsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgxMDAsMTAwLDEwMCwuMSk7Cn0KCi5pbmZvLXBhcmFtLWtleSB7CiAgLyrlvZN2YWx1ZeeahOaVsOaNrumHj+avlOi+g+Wkp+eahOaXtuWAmSwg5Lya5oyk5Yiwa2V5LOaJgOS7pee7meS4gOS4quWbuuWumueahOWuveW6piovCiAgd2lkdGg6IDk1cHg7Cn0KCi5pbmZvLXBhcmFtIHsKICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwuMSk7Cn0KCi5wYXJhbS12YWx1ZSB7CiAgY29sb3I6ICNlYjQ4NjgKfQoKLmluZm8taW1nIGltZyB7CiAgd2lkdGg6IDEwMCU7Cn0K"},{"version":3,"sources":["DetailParamInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"DetailParamInfo.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n  <div class=\"param-info\" v-if=\"Object.keys(paramInfo).length !== 0\">\n    <table v-for=\"(table, index) in paramInfo.sizes\"\n           class=\"info-size\" :key=\"index\">\n      <tr v-for=\"(tr, indey) in table\" :key=\"indey\">\n        <td v-for=\"(td, indez) in tr\" :key=\"indez\">{{td}}</td>\n      </tr>\n    </table>\n    <table class=\"info-param\">\n      <tr v-for=\"(info, index) in paramInfo.infos\">\n        <td class=\"info-param-key\">{{info.key}}</td>\n        <td class=\"param-value\">{{info.value}}</td>\n      </tr>\n    </table>\n    <div class=\"info-img\" v-if=\"paramInfo.image.length !== 0\">\n      <img :src=\"paramInfo.image\" alt=\"\">\n    </div>\n  </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"DetailParamInfo\",\n    props: {\n\t\t  paramInfo: {\n\t\t    type: Object\n      }\n    }\n\t}\n</script>\n\n<style scoped>\n  .param-info {\n    padding: 20px 15px;\n    font-size: 14px;\n    border-bottom: 5px solid #f2f5f8;\n  }\n\n  .param-info table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n\n  .param-info table tr {\n    height: 42px;\n  }\n\n  .param-info table tr td {\n    border-bottom: 1px solid rgba(100,100,100,.1);\n  }\n\n  .info-param-key {\n    /*当value的数据量比较大的时候, 会挤到key,所以给一个固定的宽度*/\n    width: 95px;\n  }\n\n  .info-param {\n    border-top: 1px solid rgba(0,0,0,.1);\n  }\n\n  .param-value {\n    color: #eb4868\n  }\n\n  .info-img img {\n    width: 100%;\n  }\n</style>\n"]}]}