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
4.9 KiB
1 line
4.9 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/moment/childComps/CommentItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/moment/childComps/CommentItem.vue","mtime":1609299581860},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICAgIHByb3BzOnsKICAgICAgICBjb21tZW50czp7CiAgICAgICAgICAgICB0eXBlOiBPYmplY3QsCiAgICAgICAgICAgICBkZWZhdWx0KCl7CiAgICAgICAgICAgICAgICAgcmV0dXJuIHt9CiAgICAgICAgICAgICB9CiAgICAgICAgfQogICAgfSwKICAgIGRhdGEoKXsKICAgICAgICByZXR1cm57CiAgICAgICAgICAgIHNob3c6ZmFsc2UsCiAgICAgICAgICAgIG1lc3NhZ2U6JycsCiAgICAgICAgICAgIGF1dG9pbnB1dDpmYWxzZQogICAgICAgIH0KICAgIH0sCiAgICBtZXRob2RzOnsKICAgICAgICBQb3B1cCgpewogICAgICAgICAgICB0aGlzLnNob3c9IXRoaXMuc2hvdwogICAgICAgICAgICB0aGlzLmF1dG9pbnB1dD0hdGhpcy5hdXRvaW5wdXQKICAgICAgICB9CiAgICB9Cn0K"},{"version":3,"sources":["CommentItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"CommentItem.vue","sourceRoot":"src/views/moment/childComps","sourcesContent":["<template>\n <div class=\"moment-items\" >\n <div>\n <img\n class=\"avatar\"\n :src=\"comments.author&&comments.author.avatarUrl\"\n />\n </div>\n\n <div class=\"name\">{{comments.author&&comments.author.name }}</div>\n <div class=\"time\">\n {{ this.$moment(comments.createAT).format(\"YYYY-MM-DD HH:mm:ss\") }}\n </div>\n\n <div class=\"content\">\n <div class=\"text\">{{ comments.content }}</div>\n <div class=\"image\">\n <li v-for=\"(item, index) in comments.images\" :key=\"index\" class=\"picture\">\n <img :src=\"item\" width=\"100px\" height=\"100px\" />\n </li>\n </div>\n </div >\n <div class=\"icon\">\n <i id=\"icon-1\" class=\"el-icon-thumb\" style=\"font-size: 20px\"></i>\n <i id=\"icon-1\" class=\"el-icon-chat-dot-square\" style=\"font-size: 20px\" @click=\"Popup\">{{ comments.commentCount }}</i>\n </div>\n <van-popup\n v-model=\"show\"\n\n position=\"bottom\"\n :style=\"{ height: '40%' }\"\n >\n \n <div class=\"createcomment\">\n <van-field \n class=\"input\"\n v-model=\"message\" \n rows=\"1\"\n autosize\n placeholder=\"请输入评论\"\n show-word-limit\n type=\"textarea\"\n size=\"large\"\n autofocus\n />\n <van-button class=\"button\" round type=\"info\">发表</van-button>\n </div>\n </van-popup>\n </div>\n \n</template>\n\n<script>\nexport default {\n props:{\n comments:{\n type: Object,\n default(){\n return {}\n }\n }\n },\n data(){\n return{\n show:false,\n message:'',\n autoinput:false\n }\n },\n methods:{\n Popup(){\n this.show=!this.show\n this.autoinput=!this.autoinput\n }\n }\n}\n</script>\n\n<style scoped>\n.moment-items {\n position: relative;\n background-color: rgb(255, 255, 255);\n width: 100%;\n font-size: 5px;\n}\n.avatar {\n float: left;\n width: 60px;\n height: 60px;\n border-radius: 30px;\n}\n.name {\n float: left;\n width: 40%;\n margin-left: 30px;\n margin-top: 5px;\n color: rgb(0, 0, 0);\n font-size: 25px;\n}\n.time {\n float: left;\n margin-top: 15px;\n margin-left: 20px;\n font-size: 14px;\n width: 60%;\n}\n.content {\n width: 100%;\n float: left;\n margin-left: 5px;\n font-size: 18px;\n \n}\n.icon {\n width: 100%;\n float: left;\n margin-top: 15px;\n display: flex;\n border-top-style: solid;\n border-width: 0.1px;\n border-color: rgb(230, 220, 220);\n}\n#icon-1 {\n margin-left: 27%;\n}\n\n.picture{\n margin-top:25px;\n display: inline;\n}\n\n.text{\n margin-top:15px;\n}\n.image{\n margin-top:10px;\n}\n.input{\n border-radius: 20px;\n width: 70%;\n background-color: rgb(212, 212, 212);\n float: left;\n}\n.button{\n width: 25%;\n float: left;\n}\n.createcomment{\n display: inline;\n width: 100%;\n}\n</style>"]}]} |