From 916b6bf89465f057532ad8469e4e0002fc361716 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Thu, 18 Aug 2022 16:24:30 +0800 Subject: [PATCH] 日志内页添加头图 --- src/components/mini/box13-reply.vue | 49 ++++++++++++++++++++++--------------------------- 1 files changed, 22 insertions(+), 27 deletions(-) diff --git a/src/components/mini/box13-reply.vue b/src/components/mini/box13-reply.vue index 8d8309d..8fb6b73 100644 --- a/src/components/mini/box13-reply.vue +++ b/src/components/mini/box13-reply.vue @@ -28,17 +28,12 @@ {{msgInfo.useName}}<span style="padding: 0px 3px;"> : </span> </div> <div> - <span v-html="msgInfo.userComment.replace(/\n/g, '<br>')"></span> + <span v-html="parseContent(msgInfo.userComment).replace(/\n/g, '<br>')"></span> </div> </div> <a-comment> <div slot="content"> - <a-form-item> - <a-textarea :rows="4" v-model="form.visitorContent" :placeholder="replyHolder" - class="OwO-textarea" /> - </a-form-item> - <div class="OwO"></div> - + <MyOwO :content.sync="form.visitorContent" :replyHolder="replyHolder"></MyOwO> <div> <a-button html-type="submit" type="primary" @click="send()" v-if="!showReplyMsgInfo" :disabled="isSending || $attrs.isAllowedComment==0"> @@ -71,25 +66,18 @@ } from '../../api/blogArticleComment.js' import md5 from 'js-md5'; - import 'owo/dist/OwO.min.css'; - import OwO from 'owo/dist/OwO.min.js'; - // import OwO from '/public/OWO.js'; - - - const VisitorDataKey = "visitorData.inleft.com" + import MyOwO from '../common/OwO.vue' + import myConstant from "../../config/myConstant.js" export default { - mounted() { - var OwO_demo = new OwO({ - logo: 'OωO表情', - container: document.getElementsByClassName('OwO')[0], - target: document.getElementsByClassName('OwO-textarea')[0], - api: './OwO.json', - // api: 'http://diygod.github.io/OwO/demo/OwO.json', - position: 'down', - width: '100%', - maxHeight: '250px' - }); + components: { + MyOwO + }, + props: { + parseContent: { + type: Function, + default: null + } }, methods: { getMsgInfo(param) { @@ -126,7 +114,7 @@ if (this.form.nickName == 'inleft' || this.form.nickName == '笔墨' || this.form.nickName == '阿墨') { if (this.form.authCode == null || this.form.authCode == "") { - this.$message.info("不要成为我,你就是真的自己..") + this.$message.info("此名称在这里使用需要正确的授权码..") return } } @@ -148,7 +136,7 @@ this.form.visitorId = year + (month > 10 ? month : '0' + month) + date + num } - localStorage.setItem(VisitorDataKey, JSON.stringify(this.form)) + localStorage.setItem(this.VisitorDataKey, JSON.stringify(this.form)) this.isSending = true; blogCommentAdd({ @@ -190,7 +178,7 @@ }, data() { - let tempVisitorData = localStorage.getItem(VisitorDataKey); + let tempVisitorData = localStorage.getItem(this.VisitorDataKey); let vistorData = { nickName: "", eMail: "", @@ -216,6 +204,7 @@ } return { + VisitorDataKey: myConstant.VisitorDataKey, isSending: false, replyHolder: "", msgInfo: { @@ -267,6 +256,12 @@ </script> <style lang="less"> + .replyMsgInfo img { + margin-bottom: -0.125rem; + img min-height: 3.5rem; + height: 2em; + } + .replyMsgInfo { display: flex; flex-direction: column; -- Gitblit v1.9.1