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

资源位样式调整

Browse Source
This commit is contained in:
zhaofang
2022-09-09 15:47:09 +08:00
parent 75036cc5fc
commit eb1534811d
8 changed files with 35 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/portal/course/Index.vue
View File

@@ -161,10 +161,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</li>
</ul>
</div>
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
@@ -231,8 +228,8 @@
<span class="portal-right-text" v-if="index==4">
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
<span class="portal-title-desc" v-else style="font-size: 14px;">
<span class="portal-title-desc title-line-ellipsis list-lidex" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
<span class="portal-title-desc span" v-else style="font-size: 14px;">
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
</span>
@@ -257,7 +254,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -458,9 +455,9 @@ export default {
this.loadMore();
}
}
if (scrollTop > 630) {
if (scrollTop > 830) {
document.querySelector("#fixd-box").style.cssText =
"position: fixed;top: -550px;width:242.5px";
"position: fixed;top: -830px;width:242.5px";
} else {
document.querySelector("#fixd-box").style.cssText = "position: static";
}
@@ -834,11 +831,18 @@ export default {
</script>
<style scoped lang="scss">
.list-lidex{
display: inline-block;
display: flex;
}
.course-resources{
width: 410px;
margin-top: 24px;
img{
width: 100%;
height: 100%;
border-radius: 8px;
}
}
.course-card{
@@ -926,6 +930,9 @@ export default {
}
.list-info{
position: relative;
.span{
display: flex;
}
}
.list-info:hover .list-active{
// transition: all 0.5s;