资源位样式调整

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

View File

@@ -118,7 +118,8 @@
.portal-images-title{
display: inline-block;
vertical-align: top;
padding: 4px 12px;
padding: 2px 12px;
line-height: 24px;
}
/**滚动条的宽度*/
::-webkit-scrollbar {

View File

@@ -76,7 +76,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -260,9 +260,11 @@ export default {
<style scoped lang="scss">
.course-resources{
width: 410px;
margin-top: 26px;
img{
width: 100%;
height: 100%;
border-radius: 8px;
}
}

View File

@@ -122,7 +122,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -420,10 +420,12 @@ export default {
<style scoped lang="scss">
.course-resources{
margin-top: 26px;
width: 410px;
img{
width: 100%;
height: 100%;
border-radius: 8px;
}
}
.article-banner{

View File

@@ -146,7 +146,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -495,9 +495,11 @@ export default {
<style scoped lang="scss">
.course-resources{
width: 410px;
margin-top: 26px;
img{
width: 100%;
height: 100%;
border-radius: 8px;
}
}
.pdftext{

View File

@@ -184,7 +184,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -735,9 +735,11 @@ export default {
<style scoped lang="scss">
.course-resources{
width: 410px;
margin-top: 26px;
img{
width: 100%;
height: 100%;
border-radius: 8px;
}
}
.case-banner{

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;

View File

@@ -272,7 +272,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -830,9 +830,11 @@ export default {
<style scoped lang="scss">
.course-resources{
width: 410px;
margin-top: 26px;
img{
width: 100%;
height: 100%;
border-radius: 8px;
}
}
::v-deep .checked-show {

View File

@@ -104,7 +104,7 @@
</ul>
</div>
<div class="course-resources">
资源位
<!-- 资源位 -->
<img :src="fileBaseUrl + resonimg.image" alt="">
</div>
</div>
@@ -443,7 +443,9 @@ export default {
}
.course-resources{
width: 410px;
margin-top: 26px;
img{
border-radius: 8px;
width: 100%;
height: 100%;
}