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
9.9 KiB
1 line
9.9 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/moment/childComps/ChildDetailMoment.vue?vue&type=style&index=0&id=29a4ab0b&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/moment/childComps/ChildDetailMoment.vue","mtime":1616415811762},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoubWFpbmNvbnRlbnR7CiAgbWFyZ2luLXRvcDo4cHg7Cn0KCi5zaG93Y29tbWVudHsKICBkaXNwbGF5OiBibG9jazsKICBkaXNwbGF5OiBmbGV4OwogIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7Cn0KCi5zaG93Y29tbWVudCBzcGFuewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBtYXJnaW46YXV0byBhdXRvOwogIGNvbG9yOiNmNTNiNTc7Cn0KLmlucHV0Y29tbWVudHsKICAgbWFyZ2luOiA1cHg7CiAgIHBhZGRpbmc6IDVweDsKICAgd2lkdGg6IDgwJTsKICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICBib3JkZXItcmFkaXVzOiAyMHB4Owp9CgoKLmljb257CiAgbWFyZ2luLXRvcDoxNXB4OwogIGJvcmRlci10b3A6MXB4IHNvbGlkIHJnYigyNDUsIDI0MywgMjQzKTsgOwp9CgoubW9tZW50ewogIAp9CgoubmFtZXsKICBtYXJnaW4tdG9wOjIwcHg7Cn0KCi50aW1lewogIG1hcmdpbi10b3A6MTBweDsKICBmb250LXNpemU6IDEycHg7Cn0KCgoudG9wewogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiA5MHB4Owp9CgouaW1hZ2V7CiAgbWFyZ2luLXRvcDoxNXB4OwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1ldmVubHk7Cn0KCgoubW9tZW50IC50b3A+aW1newogIG1hcmdpbjogMTBweCAxMHB4OwogIGhlaWdodDogNzBweDsKICB3aWR0aDogNzBweDsKICBib3JkZXItcmFkaXVzOiA1MCU7Cn0KCmxpewogIGxpc3Qtc3R5bGU6IG5vbmU7Cn0KCi5wcmFpc2V7CiAgZGlzcGxheTogYmxvY2s7Cn0KCi5jb250ZW50ewogIGxlZnQ6IDA7CiAgcmlnaHQ6IDA7CiAgdG9wOjQ0cHg7CiAgYm90dG9tOiAwcHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBwb3NpdGlvbjogYWJzb2x1dGU7Cn0K"},{"version":3,"sources":["ChildDetailMoment.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoNA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ChildDetailMoment.vue","sourceRoot":"src/views/moment/childComps","sourcesContent":["<template>\n <div class=\"moment\">\n <Scroll\n class=\"content\"\n ref=\"scroll\"\n :pull-up-load=\"true\"\n :probe-type=\"3\"\n @pullingUp=\"loadMore\"\n @pullingDown=\"pullingDown\"\n >\n <!-- 基本内容 -->\n <div class=\"top\">\n <img :src=\"comments.author && comments.author.avatarUrl\" />\n <div class=\"desc\">\n <div class=\"name\">{{ comments.author && comments.author.name }}</div>\n <div class=\"time\" >\n {{ this.$moment(comments.createTime).format(\"YYYY-MM-DD HH:mm:ss\") }}\n </div>\n </div>\n </div>\n <!-- 图片区域 -->\n <div class=\"maincontent\">{{ comments.content }}</div>\n <div >\n <div class=\"image\">\n <li\n v-for=\"(item, index) in comments.images\"\n :key=\"index\"\n class=\"picture\" \n >\n <img width=\"100px\" height=\"100px\" :preview=\"index\" :src=\"item+'?type=small'\" />\n <!-- v-lazy=\"item+'?type=small'\" -->\n </li>\n </div>\n </div>\n <!-- 小图标区域 -->\n <icon class=\"icon\" :comments=comments :praise=this.praise @clickpraise=\"clickpraise\" @Popup=Popup v-if=\"this.isdisplay\"></icon>\n <!-- 点赞 -->\n <PraiseList class=\"praise\" :praises=this.praise.praise v-if=\"this.isdisplay\"> </PraiseList>\n\n <!-- 评论 -->\n <CommentList class=\"commentsarea\" :newcomments=this.allcomment :Author=comments.author></CommentList>\n \n <!-- 发表评论 -->\n <!-- show是否要显示评论 -->\n </Scroll>\n <van-popup v-model=\"show\" class=\"showcomment\" position=\"bottom\" >\n <van-field\n ref=\"gain\"\n class=\"inputcomment\"\n v-model=\"comment.content\"\n rows=\"1\"\n autosize\n placeholder=\"输入你想表达～\"\n show-word-limit\n type=\"textarea\"\n size=\"large\"\n v-focus\n />\n <span className=\"postcomment\" round type=\"info\" @click=\"createcomment\">发送</span>\n </van-popup>\n </div>\n</template>\n\n<script>\nimport icon from '@/views/moment/childComps/icon'\nimport CommentList from '@/components/content/comments/CommentList'\nimport PraiseList from '@/components/content/praises/PraiseList'\nimport {getAllCommnet} from '@/network/comment'\nimport Scroll from \"@/components/common/Scroll/Scroll\";\nexport default {\n name:\"ChildDetailMoment\",\n components:{\n CommentList,\n PraiseList,\n icon,\n Scroll,\n }\n ,\n props: {\n comments: {\n type: Object,\n default() {\n return {};\n },\n },\n },\n data() {\n return {\n id:'',\n show: false,\n isResize: false,\n isshow:true,\n comment: {\n content: \"\",\n momentId:\"\",\n },\n iscomment: true,\n allcomment:[],\n praise:{},\n ispraise:'',\n number:'',\n isdisplay:'true'\n };\n },\n created() {\n this.momentId = this.$route.params.iid;\n getAllCommnet(this.momentId).then((res)=>{\n this.allcomment=res.data;\n })\n this.getdata()\n },\n //局部组成聚焦\n directives: {\n focus: {\n // 指令的定义\n inserted: function (el) {\n el.focus()\n }\n }\n},\n methods: {\n loadMore(){\n this.$refs.scroll.refresh();\n },\n pullingDown() {\n this.pullingdown = true;\n setTimeout(() => {\n this.pullingdown = false;\n this.$refs.scroll.finishPullDown();\n }, 300)\n },\n async getdata(){\n const {data:res} = await this.$http.get('/praise/'+this.momentId)\n this.praise=res\n },\n //是否显示评论和聚焦效果拉键盘\n Popup() {\n this.show = !this.show;\n //延迟聚焦\n this.$nextTick(() => {\n this.$refs.gain.focus();\n }, 100);\n },\n refresh(){\n this.isdisplay=false\n this.$nextTick(() => {\n this.isdisplay=true\n }, 100);\n this.getdata()\n },\n //发表成功评论\n async createcomment(){\n this.comment.momentId=this.comments.id\n if(this.iscomment){\n const { data: res } = await this.$http.post(\"comment\", this.comment);\n if(res.insertId!=0){\n this.$emit('refresh')\n this.$message.success(\"评论成功\");\n }\n }else{\n const { data: res } = await this.$http.post(\"comment/\"+this.commentId+'/reply', this.comment);\n if(res.insertId!=0){\n this.iscomment=true\n this.$emit('refresh')\n this.$message.success(\"评论成功\");\n }\n }\n },\n\n async clickpraise() {\n \n const {data:res}= await this.$http.post('/praise/ispraise/'+this.momentId)\n if(res.status!= \"200\"){\n this.number=window.sessionStorage.getItem(\"number\");\n if (this.number === \"1\") window.sessionStorage.setItem(\"number\", \"0\");\n else {\n window.sessionStorage.setItem(\"number\", \"1\");\n }\n }\n if (res.status == \"200\") {\n await this.$http.post(\"/praise/\" + this.momentId);\n this.$nextTick(() => {\n this.refresh();\n }, 100);\n } else {\n \n this.number = window.sessionStorage.getItem(\"number\");\n const content = {\n ispraise: \"\",\n };\n content.ispraise = this.number;\n const { data: res } = await this.$http.post(\n \"/praise/update/\" + this.momentId,\n content\n );\n this.$nextTick(() => {\n this.refresh();\n }, 100);\n }\n },\n },\n mounted(){\n this.$bus.$on(\"commentId\",(result)=>{\n this.commentId=result\n this.iscomment=false\n })\n this.$bus.$on(\"comment\", this.Popup);\n }\n};\n</script>\n\n<style scoped>\n.maincontent{\n margin-top:8px;\n}\n\n.showcomment{\n display: block;\n display: flex;\n background-color: #f5f5f5;\n}\n\n.showcomment span{\n display: inline-block;\n margin:auto auto;\n color:#f53b57;\n}\n.inputcomment{\n margin: 5px;\n padding: 5px;\n width: 80%;\n display: inline-block;\n background-color: #fff;\n border-radius: 20px;\n}\n\n\n.icon{\n margin-top:15px;\n border-top:1px solid rgb(245, 243, 243); ;\n}\n\n.moment{\n \n}\n\n.name{\n margin-top:20px;\n}\n\n.time{\n margin-top:10px;\n font-size: 12px;\n}\n\n\n.top{\n display: flex;\n height: 90px;\n}\n\n.image{\n margin-top:15px;\n display: flex;\n justify-content: space-evenly;\n}\n\n\n.moment .top>img{\n margin: 10px 10px;\n height: 70px;\n width: 70px;\n border-radius: 50%;\n}\n\nli{\n list-style: none;\n}\n\n.praise{\n display: block;\n}\n\n.content{\n left: 0;\n right: 0;\n top:44px;\n bottom: 0px;\n overflow: hidden;\n position: absolute;\n}\n</style>"]}]} |