blog/blog-facade.git

			@@ -11,46 +11,71 @@

			<div class="commentGroup">
			<a-comment>
			<span slot="actions" key="comment-nested-reply-to">
			<span style="cursor: default;">{{temp.createDate}} </span>
			<div slot="actions" key="comment-nested-reply-to" class="actionList">
			<span style="cursor: default;padding-right: 6px;" class="myTip">{{temp.createDate}} </span>
			<span @click="replyCall(temp)">
			<a-icon type="edit" />
			回复
			<a-icon type="message" />
			</span>
			</div>

			<span @click="loadMore(temp)" v-if="temp.isHasNext==1">
			<a-icon type="down" />更多..
			</span>
			</span>

			<div slot="avatar">
			<a :href="temp.userHomePage" target="_blank" class="no-underline">
			{{temp.visitorNickName}} :
			</a>
			<div slot="avatar" style="display: flex;">
			<div class="myTextDeal">
			<a :href="temp.visitorHomePage" target="_blank" v-if="temp.visitorHomePage!=''">
			<a-tooltip placement="bottomLeft" :title="temp.visitorNickName">
			{{temp.visitorNickName}}
			</a-tooltip>
			</a>
			<a-tooltip placement="bottomLeft" :title="temp.visitorNickName" v-else>
			{{temp.visitorNickName}}
			</a-tooltip>
			</div>
			<div>:</div>
			</div>

			<p slot="content">{{temp.commentContent}}</p>

			<a-comment v-for="tempData in temp.replyList">
			<span slot="actions" key="comment-nested-reply-to" @click="replyCall(tempData)">
			<a-icon type="edit" />回复
			</span>
			<div slot="avatar">
			<a :href="tempData.userHomePage" target="_blank" class="no-underline">
			{{tempData.visitorNickName}}
			<div slot="actions" key="comment-nested-reply-to" class="actionList">
			<span style="cursor: default;padding-right: 6px;" class="myTip">{{tempData.createDate}}
			</span>
			<span @click="replyCall(tempData)">
			<a-icon type="message" />
			</span>
			</div>
			<div slot="avatar" style="display: flex;">
			<div class="myTextDeal">
			<a :href="tempData.visitorHomePage" target="_blank" v-if="tempData.visitorHomePage!=''">
			<a-tooltip placement="bottomLeft" :title="tempData.visitorNickName">
			{{tempData.visitorNickName}}
			</a-tooltip>
			</a>
			<a-tooltip placement="bottomLeft" :title="tempData.visitorNickName" v-else>
			{{tempData.visitorNickName}}
			</a-tooltip>
			</div>
			<div>:</div>
			</div>

			<div slot="content" class="myTip myTextDeal" style="padding-bottom: 5px; max-width: 150px;">
			@<a :href="tempData.replyUserHomePage" target="_blank"
			v-if="tempData.replyUserHomePage!=''">
			<a-tooltip placement="bottomLeft" :title="tempData.replyUserName">
			{{tempData.replyUserName}}
			</a-tooltip>
			</a>
			@
			<a :href="tempData.replyUserHomePage" target="_blank" class="no-underline">
			{{tempData.replyUserName}} :
			</a>
			<a-tooltip placement="bottomLeft" :title="tempData.replyUserName" v-else>
			{{tempData.replyUserName}}
			</a-tooltip>
			</div>
			<p slot="content">{{tempData.commentContent}}</p>
			</a-comment>

			<!-- <div class="loadMore" v-if="temp.isHasNext!=1">
			<a-icon type="smile" /><span>到底了..</span>
			</div> -->
			</a-comment>

			<div class="loadMore" @click="loadMore(temp)" v-if="temp.isHasNext==1">
			<span>
			<a-icon type="down" />展开
			</span>
			</div>
			</div>
			</div>

			@@ -130,88 +155,17 @@
			data() {
			return {
			articleId: null,
			isAllowedComment: true,
			page: {
			size: "small",
			total: 1,
			pageSize: 2,
			pageSize: 5,
			current: 1,
			defaultPageSize: 10
			},
			replyTaget: "",
			visible: false,
			commentListData: [
			// {
			// userName: "bimo",
			// userComment: "1+1=2?",
			// commentTime: "2022-02-22 22:22:22",
			// id: "1",
			// parentId: null,
			// replyId: null,
			// replyUserName: null,
			// userHomePage: "",
			// replyUserHomePage: "",
			// replyList: {
			// total: "3",
			// current: "1",
			// listData: [{
			// userName: "inleft",
			// userComment: "2",
			// commentTime: "2022-02-22 23:22:22",
			// id: "2",
			// parentId: "1",
			// replyId: "1",
			// replyUserName: "bimo",
			// userHomePage: "",
			// replyUserHomePage: "",
			// }, {
			// userName: "air",
			// userComment: "不对是3",
			// commentTime: "2022-02-23 13:13:13",
			// id: "3",
			// parentId: "1",
			// replyId: "2",
			// replyUserName: "inleft",
			// userHomePage: "",
			// replyUserHomePage: "",
			// }]
			// },
			// }, {
			// userName: "bimo",
			// userComment: "1+1=2?",
			// commentTime: "2022-02-22 22:22:22",
			// id: "1",
			// parentId: null,
			// replyId: null,
			// replyUserName: null,
			// userHomePage: "",
			// replyUserHomePage: "",
			// replyList: {
			// total: "3",
			// current: "1",
			// listData: [{
			// userName: "inleft",
			// userComment: "2",
			// commentTime: "2022-02-22 23:22:22",
			// id: "2",
			// parentId: "1",
			// replyId: "1",
			// replyUserName: "bimo",
			// userHomePage: "",
			// replyUserHomePage: "",
			// }, {
			// userName: "air",
			// userComment: "不对是3",
			// commentTime: "2022-02-23 13:13:13",
			// id: "3",
			// parentId: "1",
			// replyId: "2",
			// replyUserName: "inleft",
			// userHomePage: "",
			// replyUserHomePage: "",
			// }]
			// },
			// },
			],
			commentListData: [],

			}
			}
			@@ -223,9 +177,35 @@
			user-select: none;
			}

			.myTextDeal {
			// display: -webkit-container;
			max-width: 80px;
			-webkit-line-clamp: 1;
			text-overflow: ellipsis;
			overflow: hidden;
			word-wrap: break-word;
			white-space: nowrap;
			word-break: break-all;
			}

			.loadMore {
			margin: 10px;
			display: flex;
			justify-content: center;
			}

			.loadMore:hover {
			background-color: #00000021
			}

			.ant-drawer-wrapper-body::-webkit-scrollbar,
			.ant-modal-body::-webkit-scrollbar {
			display: none;
			}

			.actionList {
			display: flex;
			justify-content: flex-end;
			}

			.commentList {
			@@ -242,8 +222,12 @@
			}

			.ant-comment-actions {
			display: flex;
			justify-content: flex-end;

			li {
			width: -webkit-fill-available;
			}

			margin-bottom: 0px;
			}

			.ant-comment-content-author {
			@@ -256,8 +240,8 @@

			.commentGroup {
			border-top: 1px solid #e5e9ef;
			margin-bottom: 10px;
			padding-bottom: 15px;
			margin-bottom: 5px;
			padding-bottom: 0px;
			}

			.ant-comment-content-detail {