调整门户页面,首页未调整

This commit is contained in:
daihh
2022-10-07 21:37:24 +08:00
parent 045c5c14f9
commit fde8e97609
2 changed files with 20 additions and 81 deletions

View File

@@ -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>

View File

@@ -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>