{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/profile/childComps/ListView.vue?vue&type=style&index=0&id=2999979a&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/profile/childComps/ListView.vue","mtime":1607666509059},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgojbGlzdCB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICBmb250LXNpemU6IDE1cHg7CiAgY29sb3I6ICMzMzM7Cn0KCiNsaXN0IC5pdGVtIHsKICBoZWlnaHQ6IDQ0cHg7CiAgbGluZS1oZWlnaHQ6IDQ0cHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9CgouaWNvbiBzdmcgewogIHdpZHRoOiAxOHB4OwogIGhlaWdodDogMThweDsKfQoKLml0ZW0gLmljb24gewogIG1hcmdpbi10b3A6IDEwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDE2cHg7CiAgdG9wOiAtN3B4Owp9CgouaXRlbSAuaW5mbyB7CiAgbWFyZ2luLWxlZnQ6IDQwcHg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMTAwLCAxMDAsIDEwMCwgLjEpOwogIHBhZGRpbmctbGVmdDogNXB4Owp9CgouaXRlbTpsYXN0LW9mLXR5cGUgLmluZm8gewogIGJvcmRlci1ib3R0b206IG5vbmU7Cn0K"},{"version":3,"sources":["ListView.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"ListView.vue","sourceRoot":"src/views/profile/childComps","sourcesContent":["<template>\n    <div id=\"list\">\n      <div v-for=\"(item, index) in listData\" :key=\"index\" class=\"item\">\n        <span class=\"icon\">\n          <svg :fill=\"item.iconColor\"><use :xlink:href=\"item.icon\"></use></svg>\n        </span>\n        <div class=\"info\">{{item.info}}</div>\n      </div>\n    </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"ListView\",\n    props: {\n\t\t  listData: {\n\t\t    type: Array,\n        default: function () {\n          return []\n        }\n      }\n    }\n\t}\n</script>\n\n<style scoped>\n  #list {\n    background-color: #fff;\n    font-size: 15px;\n    color: #333;\n  }\n\n  #list .item {\n    height: 44px;\n    line-height: 44px;\n    position: relative;\n  }\n\n  .icon svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .item .icon {\n    margin-top: 10px;\n    position: absolute;\n    left: 16px;\n    top: -7px;\n  }\n\n  .item .info {\n    margin-left: 40px;\n    border-bottom: 1px solid rgba(100, 100, 100, .1);\n    padding-left: 5px;\n  }\n\n  .item:last-of-type .info {\n    border-bottom: none;\n  }\n</style>\n"]}]}