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
6.1 KiB
1 line
6.1 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/moments/MomentListItem.vue?vue&type=style&index=0&id=e6853dda&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/moments/MomentListItem.vue","mtime":1609249156277},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLm1vbWVudC1pdGVtcyB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsKICB3aWR0aDogMTAwJTsKICBmb250LXNpemU6IDVweDsKfQouYXZhdGFyIHsKICBmbG9hdDogbGVmdDsKICB3aWR0aDogNTBweDsKICBoZWlnaHQ6IDUwcHg7CiAgYm9yZGVyLXJhZGl1czogMjBweDsKfQoubmFtZSB7CiAgZmxvYXQ6IGxlZnQ7CiAgbWFyZ2luLXRvcDogNXB4OwogIG1hcmdpbi1sZWZ0OiAxMHB4OwogIGNvbG9yOiByZ2IoMCwgMCwgMCk7CiAgZm9udC1zaXplOiAxNXB4Owp9Ci50aW1lIHsKICBtYXJnaW4tbGVmdDogNjBweDsKICBtYXJnaW4tdG9wOiAzMHB4OwogIGZvbnQtc2l6ZTogNnB4Owp9Ci5jb250ZW50IHsKICBtYXJnaW4tdG9wOiAxNXB4OwogIG1hcmdpbi1sZWZ0OiA1cHg7CiAgZm9udC1zaXplOiAxNXB4OwogIG1hcmdpbi1ib3R0b206IDE1cHg7Cn0KLmljb24gewogIG1hcmdpbi10b3A6IDE1cHg7CiAgZGlzcGxheTogZmxleDsKICBib3JkZXItdG9wLXN0eWxlOiBzb2xpZDsKICBib3JkZXItd2lkdGg6IDAuMXB4OwogIGJvcmRlci1jb2xvcjogcmdiKDIzMCwgMjIwLCAyMjApOwp9CiNpY29uLTEgewogIG1hcmdpbi1sZWZ0OiAzMCU7Cn0KI2RlbGV0ZSB7CiAgZmxvYXQ6IHJpZ2h0Owp9Ci5lbC1pY29uLWRlbGV0ZSB7CiAgbWFyZ2luLWxlZnQ6IDIwcHg7Cn0KLnJlbW92ZSB7CiAgbWFyZ2luLWxlZnQ6IDIwcHg7Cn0KLnBpY3R1cmV7CiAgbWFyZ2luLXRvcDozMHB4OwogIGRpc3BsYXk6IGlubGluZTsKfQoKLnRleHR7CiAgbWFyZ2luLXRvcDoxNXB4Owp9Ci5pbWFnZXsKICBtYXJnaW4tdG9wOjEwcHg7Cn0K"},{"version":3,"sources":["MomentListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"MomentListItem.vue","sourceRoot":"src/components/content/moments","sourcesContent":["<template>\n <div class=\"moment-items\" v-if=\"isExist\">\n <!-- <p>{{moments.author.avatarUrl}}</p> -->\n <!-- :src会把后面当作一个变量 -->\n <div>\n <img\n class=\"avatar\"\n :src=\"moments.author.avatarUrl\"\n @load=\"uploadavatar\"\n />\n </div>\n <div class=\"name\">{{ moments.author.name }}</div>\n <div @click=\"remove\">\n <i id=\"delete\" class=\"el-icon-delete\" style=\"font-size: 20px\"></i>\n </div>\n <div class=\"time\">\n {{ this.$moment(moments.createAT).format(\"YYYY-MM-DD HH:mm:ss\") }}\n </div>\n <div class=\"content\">\n <div class=\"text\">{{ moments.content }}</div>\n <div class=\"image\">\n <li v-for=\"(item, index) in moments.images\" :key=\"index\" class=\"picture\">\n <img :src=\"item\" @load=\"uploadavatar\" width=\"100px\" height=\"100px\" />\n </li>\n </div>\n </div>\n\n <div class=\"icon\">\n <i id=\"icon-1\" class=\"el-icon-thumb\" style=\"font-size: 20px\"></i>\n <i\n id=\"icon-1\"\n class=\"el-icon-chat-dot-square\"\n style=\"font-size: 20px\"\n @click=\"comment\"\n ></i>\n <div class=\"number\">{{ moments.commentCount }}</div>\n </div>\n <!-- <img v-lazy=\"showImage\" alt=\"\" @load=\"imageLoad\">\n <div class=\"goods-info\">\n <p>{{goodsItem.title}}</p>\n <span class=\"price\">{{goodsItem.price}}</span>\n <span class=\"collect\">{{goodsItem.cfav}}</span>\n </div> -->\n </div>\n</template>\n\n<script>\n\nexport default {\n name: \"MomentListItem\",\n props: {\n moments: {\n type: Object,\n default() {\n return {};\n },\n },\n },\n data() {\n return {\n id: this.moments.id,\n isExist: true,\n images: [],\n };\n },\n created() {\n\n },\n methods: {\n uploadavatar() {\n this.$bus.$emit(\"upload\");\n },\n async remove() {\n const { data: res } = await this.$http.delete(\"/moment/\" + this.id);\n if (res.status == 200) {\n this.isExist = !this.isExist;\n return this.$message.success(\"删除成功\");\n this.$bus.$emit(\"upload\");\n } else {\n return this.$message.error(\"你不具备删除该动态权限\");\n }\n },\n comment() {\n this.$router.push(\"/comment/\" + this.moments.id);\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: 50px;\n height: 50px;\n border-radius: 20px;\n}\n.name {\n float: left;\n margin-top: 5px;\n margin-left: 10px;\n color: rgb(0, 0, 0);\n font-size: 15px;\n}\n.time {\n margin-left: 60px;\n margin-top: 30px;\n font-size: 6px;\n}\n.content {\n margin-top: 15px;\n margin-left: 5px;\n font-size: 15px;\n margin-bottom: 15px;\n}\n.icon {\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: 30%;\n}\n#delete {\n float: right;\n}\n.el-icon-delete {\n margin-left: 20px;\n}\n.remove {\n margin-left: 20px;\n}\n.picture{\n margin-top:30px;\n display: inline;\n}\n\n.text{\n margin-top:15px;\n}\n.image{\n margin-top:10px;\n}\n</style>\n"]}]} |