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
5.0 KiB
1 line
5.0 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/DetailCommentInfo.vue?vue&type=style&index=0&id=1c1e1109&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailCommentInfo.vue","mtime":1607666509056},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmNvbW1lbnQtaW5mbyB7CiAgcGFkZGluZzogNXB4IDEycHg7CiAgY29sb3I6ICMzMzM7CiAgYm9yZGVyLWJvdHRvbTogNXB4IHNvbGlkICNmMmY1Zjg7Cn0KCi5pbmZvLWhlYWRlciB7CiAgaGVpZ2h0OiA1MHB4OwogIGxpbmUtaGVpZ2h0OiA1MHB4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsMCwwLC4xKTsKfQoKLmhlYWRlci10aXRsZSB7CiAgZmxvYXQ6IGxlZnQ7CiAgZm9udC1zaXplOiAxNXB4Owp9CgouaGVhZGVyLW1vcmUgewogIGZsb2F0OiByaWdodDsKICBtYXJnaW4tcmlnaHQ6IDEwcHg7CiAgZm9udC1zaXplOiAxM3B4Owp9CgouaW5mby11c2VyIHsKICBwYWRkaW5nOiAxMHB4IDAgNXB4Owp9CgouaW5mby11c2VyIGltZyB7CiAgd2lkdGg6IDQycHg7CiAgaGVpZ2h0OiA0MnB4OwogIGJvcmRlci1yYWRpdXM6IDUwJTsKfQoKLmluZm8tdXNlciBzcGFuIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZm9udC1zaXplOiAxNXB4OwogIHRvcDogLTE1cHg7CiAgbWFyZ2luLWxlZnQ6IDEwcHg7Cn0KCi5pbmZvLWRldGFpbCB7CiAgcGFkZGluZzogMCA1cHggMTVweDsKfQoKLmluZm8tZGV0YWlsIHAgewogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogIzc3NzsKICBsaW5lLWhlaWdodDogMS41Owp9CgouaW5mby1kZXRhaWwgLmluZm8tb3RoZXIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogIzk5OTsKICBtYXJnaW4tdG9wOiAxMHB4Owp9CgouaW5mby1vdGhlciAuZGF0ZSB7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7Cn0KCi5pbmZvLWltZ3MgewogIG1hcmdpbi10b3A6IDEwcHg7Cn0KCi5pbmZvLWltZ3MgaW1nIHsKICB3aWR0aDogNzBweDsKICBoZWlnaHQ6IDcwcHg7CiAgbWFyZ2luLXJpZ2h0OiA1cHg7Cn0K"},{"version":3,"sources":["DetailCommentInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"DetailCommentInfo.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n <div>\n <div v-if=\"Object.keys(commentInfo).length !== 0\" class=\"comment-info\">\n <div class=\"info-header\">\n <div class=\"header-title\">用户评价</div>\n <div class=\"header-more\">\n 更多\n <i class=\"arrow-right\"></i>\n </div>\n </div>\n <div class=\"info-user\">\n <img :src=\"commentInfo.user.avatar\" alt=\"\">\n <span>{{commentInfo.user.uname}}</span>\n </div>\n <div class=\"info-detail\">\n <p>{{commentInfo.content}}</p>\n <div class=\"info-other\">\n <span class=\"date\">{{commentInfo.created | showDate}}</span>\n <span>{{commentInfo.style}}</span>\n </div>\n <div class=\"info-imgs\">\n <img :src=\"item\" v-for=\"(item, index) in commentInfo.images\">\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\n import {formatDate} from \"@/common/utils\";\n\n export default {\n\t\tname: \"DetailCommentInfo\",\n props: {\n\t\t commentInfo: {\n\t\t type: Object,\n }\n },\n filters: {\n\t\t showDate: function (value) {\n let date = new Date(value*1000);\n return formatDate(date, 'yyyy-MM-dd')\n }\n }\n\t}\n</script>\n\n<style scoped>\n .comment-info {\n padding: 5px 12px;\n color: #333;\n border-bottom: 5px solid #f2f5f8;\n }\n\n .info-header {\n height: 50px;\n line-height: 50px;\n border-bottom: 1px solid rgba(0,0,0,.1);\n }\n\n .header-title {\n float: left;\n font-size: 15px;\n }\n\n .header-more {\n float: right;\n margin-right: 10px;\n font-size: 13px;\n }\n\n .info-user {\n padding: 10px 0 5px;\n }\n\n .info-user img {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n }\n\n .info-user span {\n position: relative;\n font-size: 15px;\n top: -15px;\n margin-left: 10px;\n }\n\n .info-detail {\n padding: 0 5px 15px;\n }\n\n .info-detail p {\n font-size: 14px;\n color: #777;\n line-height: 1.5;\n }\n\n .info-detail .info-other {\n font-size: 12px;\n color: #999;\n margin-top: 10px;\n }\n\n .info-other .date {\n margin-right: 8px;\n }\n\n .info-imgs {\n margin-top: 10px;\n }\n\n .info-imgs img {\n width: 70px;\n height: 70px;\n margin-right: 5px;\n }\n</style>\n"]}]} |