hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-12 04:16:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

style:讨论模块发帖评论样式调整

Browse Source
This commit is contained in:
wyx
2023-02-19 09:02:14 +08:00
parent a57588d77a
commit 4123abb109
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/discussdetail/DiscussDetail.vue
View File

@@ -63,7 +63,7 @@
<span <span
class="iconfont icon-dianzan" class="iconfont icon-dianzan"
:style="{ :style="{
color: disDetail.praised ? 'red' : '#b3bdc4', color: disDetail.praised ? '#2478ff' : '#b3bdc4',
marginLeft: '19px', marginLeft: '19px',
}" }"
></span> ></span>
@@ -79,7 +79,7 @@
<span <span
class="iconfont icon-shoucang" class="iconfont icon-shoucang"
:style="{ :style="{
color: disDetail.collectionInfo ? 'red' : '#b3bdc4', color: disDetail.collectionInfo ? '#2478ff' : '#b3bdc4',
marginLeft: '19px', marginLeft: '19px',
}" }"
></span> ></span>
@@ -140,9 +140,9 @@
<div class="thinline"></div> <div class="thinline"></div>
<div class="bottom"> <div class="bottom">
<div v-for="(row, i) in commontList" :key="i"> <div v-for="(row, i) in commontList" :key="i" style="margin-bottom: 24px;">
<div class="header"> <div class="header">
<div class="avator"></div> <img :src="row.studentAvatar" alt="" srcset="" class="avator">
<div class="id">{{ row.createName }}</div> <div class="id">{{ row.createName }}</div>
<div class="showCareer">{{row.studentJobName}}</div> <div class="showCareer">{{row.studentJobName}}</div>
<div class="idThink"></div> <div class="idThink"></div>
@@ -175,24 +175,24 @@
style="display: flex;cursor: pointer;align-items: baseline;margin-left: 19px;"> style="display: flex;cursor: pointer;align-items: baseline;margin-left: 19px;">
<span <span
class="iconfont icon-dianzan" class="iconfont icon-dianzan"
:style="{ color: row.praised ? 'red' : '#b3bdc4' }"></span> :style="{ color: row.praised ? '#2478ff' : '#b3bdc4' }"></span>
<div class="count">{{ row.praiseNum || 0 }}</div> <div class="count">{{ row.praiseNum || 0 }}</div>
</div> </div>
</div> </div>
<!-- 评论下的回复 --> <!-- 评论下的回复 -->
<div v-if="row.children.length!==0" :style="{height:spreadReply==i ? 'auto' : 200 +'px',overflow:'hidden',position: 'relative'}"> <div v-if="row.children.length!==0" :style="{height:spreadReply==i ? 'auto' : 210 +'px',overflow:'hidden',position: 'relative'}">
<div v-for="(replay, j) in row.children" :key="j"> <div v-for="(replay, j) in row.children" :key="j">
<div class="reply"> <div class="reply">
<div class="sameava avaone"></div> <img :src="replay.studentAvatar" alt="" srcset="" class="sameava avaone">
<div class="sameuser">{{ replay.studentName }}</div> <div class="sameuser">{{ replay.studentName }}</div>
<div class="centerreply">回复</div> <div class="centerreply">回复</div>
<div class="sameava avatwo"></div> <img :src="replay.targetStudentAvatar" alt="" srcset="" class="sameava avaone">
<div class="sameuser">{{ replay.targetStudentName }}</div> <div class="sameuser">{{ replay.targetStudentName }}</div>
<div class="replytime">{{ replay.createTime }}</div> <div class="replytime">{{ replay.createTime }}</div>
</div> </div>
<div style="display:flex;margin-top: 12px;margin-bottom: 12px;"> <div style="display:flex;margin-top: 12px;margin-bottom: 12px;">
<div v-if="row.img" v-for="(rowimg, index) in row.img.split(',')" :key="index" style="width:55px;height:55px;margin-right: 12px;"> <div v-if="replay.img" v-for="(rowimg, index) in replay.img.split(',')" :key="index" style="width:65px;height:65px;margin-right: 7px;">
<img class="image" style="width:55px;height:55px;border-radius: 4px;" :src="rowimg" /> <img class="image" style="width:65px;height:65px;border-radius: 4px;" :src="rowimg" />
</div> </div>
</div> </div>
<div class="mainreply"> <div class="mainreply">
@@ -215,13 +215,13 @@
@click="commentLike(replay)"> @click="commentLike(replay)">
<span <span
class="iconfont icon-dianzan" class="iconfont icon-dianzan"
:style="{ color: replay.praised ? 'red' : '#b3bdc4' }"></span> :style="{ color: replay.praised ? '#2478ff' : '#b3bdc4' }"></span>
<div class="count">{{ replay.praiseNum || 0 }}</div> <div class="count">{{ replay.praiseNum || 0 }}</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 查看更多 --> <!-- 查看更多 -->
<div style="display: flex;justify-content: center;align-items: center;position:absolute;bottom:5px;cursor: pointer;width:100%"> <div style="display: flex;justify-content: center;align-items: center;position:absolute;bottom:0px;cursor: pointer;width:100%">
<span <span
@click="lookMore(i)" @click="lookMore(i)"
style="font-size: 14px;color: #2478ff;">{{ i==spreadReply ? '收起' : '查看更多' }}</span> style="font-size: 14px;color: #2478ff;">{{ i==spreadReply ? '收起' : '查看更多' }}</span>
@@ -918,7 +918,7 @@ function submitReplayComment() {
width: 41px; width: 41px;
height: 41px; height: 41px;
border-radius: 50%; border-radius: 50%;
background-image: url(../../assets/image/px.png); // background-image: url(../../assets/image/px.png);
background-size: 100%; background-size: 100%;
} }
@@ -1048,12 +1048,12 @@ function submitReplayComment() {
} }
.avaone { .avaone {
background-image: url(../../assets/image/px.png); // background-image: url(../../assets/image/px.png);
background-size: 100%; background-size: 100%;
} }
.avatwo { .avatwo {
background-image: url(../../assets/image/px.png); // background-image: url(../../assets/image/px.png);
background-size: 100%; background-size: 100%;
} }