{"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=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailCommentInfo.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCiAgaW1wb3J0IHtmb3JtYXREYXRlfSBmcm9tICJAL2NvbW1vbi91dGlscyI7CgogIGV4cG9ydCBkZWZhdWx0IHsKCQluYW1lOiAiRGV0YWlsQ29tbWVudEluZm8iLAogICAgcHJvcHM6IHsKCQkgIGNvbW1lbnRJbmZvOiB7CgkJICAgIHR5cGU6IE9iamVjdCwKICAgICAgfQogICAgfSwKICAgIGZpbHRlcnM6IHsKCQkgIHNob3dEYXRlOiBmdW5jdGlvbiAodmFsdWUpIHsKICAgICAgICBsZXQgZGF0ZSA9IG5ldyBEYXRlKHZhbHVlKjEwMDApOwogICAgICAgIHJldHVybiBmb3JtYXREYXRlKGRhdGUsICd5eXl5LU1NLWRkJykKICAgICAgfQogICAgfQoJfQo="},{"version":3,"sources":["DetailCommentInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}