hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-14 05:16:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

课程笔记样式调整

Browse Source
This commit is contained in:
zhaofang
2022-10-29 12:15:12 +08:00
parent a543f7ee0a
commit ffd315e4c1
1 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Portal/noteComment.vue
View File

@@ -21,6 +21,7 @@
<div class="comment-body" > <div class="comment-body" >
<div class="comment-info" @mouseover="showButtons(com.id)" @mouseout="hideButtons()"> <div class="comment-info" @mouseover="showButtons(com.id)" @mouseout="hideButtons()">
<div class="comment-content" @click="cancelReply()"> <div class="comment-content" @click="cancelReply()">
<span class="play-time"><img :src="`${webBaseUrl}/images/coteplay.png`" alt=""> {{ getHMS(com.playTime) }}</span>
<span class="portal-summary-text" style="color: #666666;" v-html="displayAll(com)"></span> <span class="portal-summary-text" style="color: #666666;" v-html="displayAll(com)"></span>
<span v-if="com.content.length>170" @click="changeIsAll(com)"> <span v-if="com.content.length>170" @click="changeIsAll(com)">
{{com.isAll?'收起':'全文'}} {{com.isAll?'收起':'全文'}}
@@ -30,7 +31,7 @@
<showTime :time="com.sysCreateTime"></showTime> <showTime :time="com.sysCreateTime"></showTime>
<interactBar :type="6" :shares="false" :data="com" @addAnswers="showReply(com)" :views="false" :comments="false" :answers="true"></interactBar> <interactBar :type="6" :shares="false" :data="com" @addAnswers="showReply(com)" :views="false" :comments="false" :answers="true"></interactBar>
</div> </div>
<div v-if="replyInfo.parentId==com.id" class="comment-reply" style="padding-bottom: 5px;"> <div v-if="replyInfo.parentId==com.id" class="comment-reply" style="padding-bottom: 5px;margin-top: 20px;">
<div style="width:100%;display:flex;"> <div style="width:100%;display:flex;">
<div style="flex: 1;"> <div style="flex: 1;">
<el-input class="hideControl" type="textarea" show-word-limit v-model="replyInfo.content" maxlength="800" placeholder="回复内容..."></el-input> <el-input class="hideControl" type="textarea" show-word-limit v-model="replyInfo.content" maxlength="800" placeholder="回复内容..."></el-input>
@@ -48,9 +49,10 @@
<div class="comment-author"> <div class="comment-author">
<authorInfo :avatar="reply.avatar" :name="reply.sysCreateBy" :sex="reply.sex" :info="reply.orgInfo" :sign="reply.sign"></authorInfo> <authorInfo :avatar="reply.avatar" :name="reply.sysCreateBy" :sex="reply.sex" :info="reply.orgInfo" :sign="reply.sign"></authorInfo>
<span style="margin-left: 10px;color: #8590A6;font-size:14px; "> <span style="margin-left: 10px;color: #8590A6;font-size:14px; ">
<svg-icon style="font-size: 10px;margin-right: 0;" icon-class="triangle"></svg-icon> <!-- <svg-icon style="font-size: 10px;margin-right: 0;" icon-class="triangle"></svg-icon> -->
<span>回复了</span>
</span> </span>
<span style="margin-left: 6px;font-size:14px;margin-top:5px" class="portal-title-tow" >{{reply.replyName || reply.toAname}}</span> <span style="margin-left: 6px;font-size:14px;" class="portal-title-tow" >{{reply.replyName || reply.toAname}}</span>
</div> </div>
</div> </div>
<div class="comment-body" @mouseover="showButtons(reply.id)" @mouseout="hideButtons()"> <div class="comment-body" @mouseover="showButtons(reply.id)" @mouseout="hideButtons()">
@@ -144,8 +146,9 @@
import interactBar from "@/components/Portal/interactBar.vue"; import interactBar from "@/components/Portal/interactBar.vue";
import apiComment from '@/api/modules/comments.js' import apiComment from '@/api/modules/comments.js'
import apiUser from '@/api/system/user.js' import apiUser from '@/api/system/user.js'
import authorInfo from '@/components/Portal/artauthor.vue'; import authorInfo from '@/components/Portal/commentAuthor.vue';
import apiNote from '@/api/phase2/note.js'; import apiNote from '@/api/phase2/note.js';
import {getHMS} from '@/utils/tools.js';
// import author from '@/components/Portal/author.vue'; // import author from '@/components/Portal/author.vue';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
export default { export default {
@@ -188,6 +191,7 @@
}, },
data() { data() {
return { return {
getHMS,
replyLoading:false, replyLoading:false,
radio:1, radio:1,
value:false, value:false,
@@ -798,8 +802,9 @@
} }
} }
.comment{ .comment{
margin-top: 10px; margin-top: 20px;
background-color: #FFFFFF; background-color: #FFFFFF;
margin-bottom: 20px;
// border-bottom: 1px solid #dddddd; // border-bottom: 1px solid #dddddd;
.comment-top{ .comment-top{
display: flex; display: flex;
@@ -816,12 +821,20 @@
} }
} }
.comment-body{ .comment-body{
letter-spacing:1px;
padding-left: 40px; padding-left: 40px;
.comment-content{ .comment-content{
padding-bottom: 0px; padding-bottom: 0px;
white-space: pre-wrap; white-space: pre-wrap;
word-break:break-all; word-break:break-all;
padding-left:14px; padding-left:14px;
.play-time{
display: inline-block;
padding: 2px 8px;
border-radius: 8px;
border: 1px solid #3379fb;
margin-right: 5px;
}
span { span {
color: #409eff; color: #409eff;
cursor: pointer; cursor: pointer;
@@ -844,6 +857,7 @@
} }
.comment-replys{ .comment-replys{
padding-left: 40px; padding-left: 40px;
margin-top: 20px;
} }
} }
.comment-last{ .comment-last{