mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-09 10:56:44 +08:00
调整门户页面,首页未调整
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<div class="xcontent2">
|
||||
<div style="margin-right: 30px;" class="xcontent2-main">
|
||||
<div class="xcontent2-main" style="margin-right: 30px;" >
|
||||
<div v-if="noData" >
|
||||
<!--文章详细内容-->
|
||||
|
||||
@@ -55,11 +55,10 @@
|
||||
<svg-icon style="margin-right: 10px;font-size: 24px;" icon-class="addArticle"></svg-icon>
|
||||
写文章
|
||||
</div>
|
||||
|
||||
<div class="portal-ranking ranking-bg">
|
||||
<p class="ranking-title">贡献榜</p>
|
||||
<ul class="ranking-data">
|
||||
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
|
||||
<ul class="ranking-data">
|
||||
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
|
||||
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
|
||||
<img src="/images/list-01.png" alt="">
|
||||
</span>
|
||||
@@ -76,8 +75,8 @@
|
||||
<img src="/images/list05.png" alt="">
|
||||
</span>
|
||||
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="course-resources">
|
||||
<!-- 资源位 -->
|
||||
@@ -393,27 +392,4 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.right-box {
|
||||
.add-btn {
|
||||
width: 100%;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.ranking-title {
|
||||
line-height: 34px;
|
||||
.center-titlt{
|
||||
font-size: 15px;
|
||||
color: #333333;
|
||||
}
|
||||
.center{
|
||||
text-align: right;
|
||||
}
|
||||
img{
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
.ranking-data {
|
||||
margin: 10px 0;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -3,12 +3,10 @@
|
||||
<div class="case-banner">
|
||||
<portal-header current="case" @emitInput="emitInput"></portal-header>
|
||||
</div>
|
||||
|
||||
<div class="xcontent2">
|
||||
<div class="xcontent2-main" style="margin-right: 30px;">
|
||||
<div>
|
||||
<el-card :body-style="{ padding: '0px' }" class="left-div">
|
||||
<el-row class="search-div">
|
||||
<div class="left-div">
|
||||
<div class="search-div">
|
||||
<div class="searchbar" v-if="searchTags.length > 0">
|
||||
<div style="line-height: 30px;">
|
||||
<span class="item-title">搜索条件</span>
|
||||
@@ -55,18 +53,17 @@
|
||||
<i :class="showAll ? 'el-icon-arrow-up ': 'el-icon-arrow-down'"></i>
|
||||
</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row style="height:30px;background-color:#f6f7fc;" >
|
||||
</el-row>
|
||||
<el-row class="order-div" style="border-bottom:none">
|
||||
</div>
|
||||
<div style="height:30px;background-color:#f6f7fc;"></div>
|
||||
<div class="order-div" style="border-bottom:none">
|
||||
<span class="quyer-tag">
|
||||
<el-button type="text" class="order-class" @click="searchData('views')" :class="{ actice: queryCondition.orderField == 'views' }">最热</el-button>
|
||||
<el-button type="text" class="order-class" @click="searchData('')" :class="{ actice: queryCondition.orderField == '' }">最新</el-button>
|
||||
<!-- <el-button type="text" class="order-class" @click="queryCondition.breCommend = queryCondition.breCommend == ture ? true : null" :class="{ actice: queryCondition.breCommend == true }">组织推荐</el-button> -->
|
||||
</span>
|
||||
</el-row>
|
||||
<el-row class="data-content">
|
||||
<el-col :span="24" v-for="item in caseList.list" :key="item.id" class="case-list">
|
||||
</div>
|
||||
<div class="data-content">
|
||||
<div v-for="item in caseList.list" :key="item.id" class="case-list">
|
||||
<div class="case-info">
|
||||
<div class="case-info-cont">
|
||||
<router-link :to="'/case/detail?id='+item.id">
|
||||
@@ -107,8 +104,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pagination-div">
|
||||
<span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span>
|
||||
<span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
|
||||
@@ -117,11 +114,10 @@
|
||||
</div>
|
||||
<div v-if="isSeach" style="height:382px">
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="xcontent2-minor">
|
||||
<div>
|
||||
<div class="xcontent2-minor">
|
||||
<div id="fixd-box">
|
||||
<div class="portal-ranking ranking-bg">
|
||||
<p class="ranking-title">好评榜</p>
|
||||
@@ -174,14 +170,7 @@
|
||||
<img :src="fileBaseUrl + resonimg.image" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<el-row :gutter="10">
|
||||
</el-row>
|
||||
<div style="height: 50px;"></div>
|
||||
<el-dialog class="protocol" :close-on-click-modal="false" :visible.sync="protocolDialogVisible" width="30%" :show-close="false">
|
||||
<div class="protocol-title">案例查阅及使用用户协议</div>
|
||||
@@ -921,7 +910,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.order-div {
|
||||
padding: 34px 50px 20px 50px;
|
||||
padding: 34px 40px 20px 40px;
|
||||
background-color: #fff;
|
||||
// margin-bottom: ;
|
||||
}
|
||||
@@ -1009,7 +998,7 @@ export default {
|
||||
}
|
||||
.search-div {
|
||||
background: #fff;
|
||||
padding: 10px 25px;
|
||||
padding: 30px 40px;
|
||||
.search-keyword {
|
||||
line-height: 30px;
|
||||
.tip {
|
||||
@@ -1035,31 +1024,5 @@ export default {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
// .list-bg{
|
||||
// // border-image: linear-gradient(180deg, rgba(8, 127, 255, 1), rgba(8, 127, 255, 0)) 1 1;
|
||||
// // background: linear-gradient(180deg, #7bb4ed 0%, #fff 36%);
|
||||
// background: url('/images/qa-box.png') no-repeat 100% / 100%;
|
||||
// }
|
||||
|
||||
.ranking-card {
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.right-box {
|
||||
|
||||
line-height: 25px;
|
||||
|
||||
.ranking-title {
|
||||
}
|
||||
.aligh-title {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
.ranking-data {
|
||||
margin: 10px 0;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user