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
2.8 KiB
1 line
2.8 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/DetailParamInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailParamInfo.vue","mtime":1607666509057},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIkRldGFpbFBhcmFtSW5mbyIsCiAgICBwcm9wczogewoJCSAgcGFyYW1JbmZvOiB7CgkJICAgIHR5cGU6IE9iamVjdAogICAgICB9CiAgICB9Cgl9Cg=="},{"version":3,"sources":["DetailParamInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACA;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"]}]} |