mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 11:26:43 +08:00
资源位样式调整
This commit is contained in:
@@ -118,7 +118,8 @@
|
||||
.portal-images-title{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 4px 12px;
|
||||
padding: 2px 12px;
|
||||
line-height: 24px;
|
||||
}
|
||||
/**滚动条的宽度*/
|
||||
::-webkit-scrollbar {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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{
|
||||
|
||||
@@ -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{
|
||||
|
||||
@@ -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{
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user