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

调整案例，首页，对齐问题，需要单独的处理

Browse Source
This commit is contained in:
daihh
2022-10-31 12:10:30 +08:00
parent 048376a9ea
commit ec6df211be
3 changed files with 67 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/views/study/coursenew.vue
View File

@@ -11,8 +11,10 @@
<div class="bcourse-title">
<span>{{courseInfo.name}}</span>
<!-- <span>{{courseInfo.summary}}</span> -->
<!--
<span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span>
<span class="bcourse-score" v-else>无评分</span>
-->
</div>
</div>
</div>
@@ -104,6 +106,52 @@
</assess>
</div>
</div>
<!--交互部分-->
<div>
<div class="course-interact">
<div class="score" style="display: flex;">
<div v-if="!scoreInfo.has" style="margin-left:10px;cursor: pointer;padding-top:18px">
<!-- <el-popover placement="top" width="300" trigger="hover"> -->
<!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
<div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
</div> -->
<el-rate v-model="scoreInfo.score" @change="addScore"></el-rate>
<!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
<!-- </el-popover> -->
</div>
<div v-if="scoreInfo.has" style="padding-top: 5px;display: flex;">
<div style="padding-top: 16px;">
<el-rate disabled v-model="courseInfo.score" :allow-half="true" ></el-rate>
</div>
<div>
<span class="score-text">{{ toScore(courseInfo.score) }}</span>
<span style="font-size: 18px;">分</span>
</div>
</div>
</div>
<div style="display: flex;justify-content: flex-end;cursor: pointer;padding-top: 5px;">
<div @click="praiseContent">
<el-tooltip class="item" effect="light" :content="isPraise?'取消点赞':'点赞'" placement="top-start" :visible-arrow="false" popper-class="text-tooltip">
<img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" />
<img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')" />
</el-tooltip>
{{ courseInfo.praises }}
</div>
<div style="margin-left: 20px;" @click="treadContent">
<el-tooltip class="item" effect="light" :content="isTrample?'取消踩':'踩'" placement="top-start" :visible-arrow="false" popper-class="text-tooltip">
<img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')" />
<img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')" />
</el-tooltip>
{{ courseInfo.trampleCount }}
</div>
<div style="margin-left: 6px;">
<interactBar :size="16" :type="1" :aid="courseInfo.sysCreateAid" :data="courseInfo" :praises="false" :favorites="true" :shares="true" :comments="false" :views="false"></interactBar>
</div>
</div>
</div>
</div>
</div>
<div class="course-control">
<div class="control-tab" v-if="contentList.length>0" >
@@ -1551,7 +1599,7 @@
}
.score-text {
font-size: 28px;
font-size: 18px;
color: #ffb30f;
font-family: 'Arial';
margin-left: 23px;
@@ -1618,9 +1666,9 @@
}
.icon-small {
width: 20px;
height: 20px;
line-height: 20px;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
}