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

头部导航样式更改

Browse Source
This commit is contained in:
zhaofang
2022-08-31 17:15:52 +08:00
parent 11800257fd
commit b2bc6c9650
21 changed files with 165 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/article-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB

BIN
public/images/case-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

BIN
public/images/course-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 533 KiB

BIN
public/images/list-or.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
public/images/list-pink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
public/images/qa-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 KiB

BIN
public/images/qa-box.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
public/logo/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/assets/logo/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/logo/logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

8
src/assets/styles/portal-index.scss
View File

@@ -74,5 +74,11 @@
.blue-three{
color: #00C6FF;
}
.list-bg{
background: url('/images/qa-box.png') no-repeat 100% / 100%;
// background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
}
.list-bg1{
background: url('/images/list-or.png') no-repeat 100% / 100%;
}

2
src/assets/styles/portal.scss
View File

@@ -92,7 +92,7 @@ body {
}
.portal-content {
margin: 30px 87px 0px 87px;
margin: 26px 87px 0px 87px;
// width: 100%;
.breadcrumb-nav {
margin-bottom: 15px;

63
src/components/PortalHeader.vue
View File

@@ -1,9 +1,9 @@
<template>
<div class="portal-header">
<div class="portal-content xcontent">
<div class="portal-top-nav">
<div style="display: flex;justify-content: space-between;">
<div style="display: flex;justify-content: flex-start;align-items: center;">
<img src="../assets/logo/logo.png" style="width:221px;height: 30px;" />
<div style="flex:1;display: flex;justify-content: flex-start;align-items: center;">
<img src="../assets/logo/logo.png" style="width:240px;height: 40px;" />
<div style="display: flex;justify-content: space-around;margin-left: 20px;">
<div class="top-nav" :class="current == 'index' ? 'current-nav' : ''"><router-link to="/index">首页</router-link></div>
<div class="top-nav" :class="current == 'course' ? 'current-nav' : ''"><router-link to="/course">课程</router-link></div>
@@ -24,9 +24,9 @@
</div>
</div>
</div>
<div style="display: flex;justify-content: flex-end;align-items: center;">
<div style="flex:1;display: flex;justify-content: flex-end;align-items: center;">
<div v-if="goSearch !=10">
<el-input v-show="!hideSearch" placeholder="请输入标题搜索" style="width: 260px;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
<el-input v-show="!hideSearch" placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
<el-select v-if="current == 'index'" v-model="findType" style="width: 75px;" slot="prepend" placeholder="请选择">
<el-option label="课程" value="1"></el-option>
<el-option label="案例" value="2"></el-option>
@@ -40,12 +40,24 @@
</div>
<div class="person-action" >
<!-- 消息 -->
<el-badge :value="userMsg" :hidden="userMsg == 0" class="message-count">
<el-link class="person-action-index" type="primary" style="margin-right:10px;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
<!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
<el-badge class="person-action-index message-count" :value="userMsg" :hidden="userMsg == 0">
<el-tooltip content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
<el-link type="primary" :href="`${webBaseUrl}/message`" icon="el-icon-bell" :underline="false"></el-link>
</el-tooltip>
</el-badge>
<div>
<el-dropdown class="person-action-index">
<span class="el-dropdown-link">
<span style="color: #333;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>学员</el-dropdown-item>
<el-dropdown-item>教师</el-dropdown-item>
<el-dropdown-item>管理员</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<div class="person-action-index">
<a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">
<el-avatar :src="userInfo.avatar" v-if="userInfo.avatar !== '' "></el-avatar>
<div v-else class="uavatar">
@@ -54,8 +66,7 @@
</div>
</a>
</div>
<el-link type="primary" style="margin-right:10px;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
<el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link>
<div style="color:#333;font-size: 16px;font-weight: 600;">{{userInfo.name}}</div>
</div>
</div>
</div>
@@ -230,24 +241,33 @@ export default {
}
.portal-header {
margin: 0 auto;
// margin: 0 87px;
height: 72px;
display: flex;
align-items: center;
background-color: #ffffff;
border-bottom: 1px solid #f0f0f0;
// align-items: center;
background: rgba(255,255,255,0.12);
// background-color: #ffffff;
// border-bottom: 1px solid #f0f0f0;
// line-height: 56px;
//width: 100%;
// padding: 5px 0px 0px;
}
.portal-content {
margin: 0px auto;
.portal-top-nav {
width: 100%;
margin: 0px 40px;
//width: 1050px;
.person-action{
display: flex;
justify-content: flex-end;
align-items: center;
margin-left: 10px;
.person-action-index{
margin-left: 40px;
font-size: 16px;
font-weight: 600;
color: #333333 !important;
}
::v-deep .message-count{
margin-right: 20px;
i{
@@ -269,8 +289,11 @@ export default {
}
}
.top-nav {
text-align: center;
line-height: 56px;
font-size: 16px;
// text-align: center;
font-weight: 600;
color: #333330;
line-height: 72px;
padding: 0px 10px;
white-space:nowrap;
}
@@ -279,8 +302,8 @@ export default {
color: #4489ce;
}
.current-nav {
color: #fff;
background: #588afc;
color: #387DF7;
// background: #588afc;
// border-bottom: 4px solid;
}
::v-deep .el-badge {
@@ -303,7 +326,7 @@ export default {
.input-with-select-btn {
font-size: 25px !important;
margin: 0 !important;
padding: 0 !important
padding: 0 !important;
}
.message-count a {
color: #858d99;

1
src/icons/svg/question-mark.svg Normal file
View File

@@ -0,0 +1 @@
<svg t="1661934325929" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2506" width="200" height="200"><path d="M450.267 772.245l0 92.511 92.511 0 0-92.511L450.267 772.245zM689.448 452.28c13.538-24.367 20.311-50.991 20.311-79.875 0-49.938-19.261-92.516-57.765-127.713-38.517-35.197-90.114-52.8-154.797-52.8-61.077 0-110.191 16.4-147.342 49.188-37.16 32.798-59.497 80.032-67.014 141.703l83.486 9.927c7.218-46.025 22.41-79.875 45.576-101.533 23.166-21.665 52.047-32.494 86.647-32.494 35.802 0 66.038 11.957 90.711 35.874 24.667 23.92 37.01 51.675 37.01 83.266 0 17.451-4.222 33.55-12.642 48.284-8.425 14.747-26.698 34.526-54.83 59.346s-47.607 43.701-58.442 56.637c-14.741 17.754-25.424 35.354-32.037 52.797-9.028 23.172-13.537 50.701-13.537 82.584 0 5.418 0.146 13.539 0.45 24.374l78.069 0c0.599-32.495 2.855-55.966 6.772-70.4 3.903-14.44 9.926-27.229 18.047-38.363 8.127-11.123 25.425-28.43 51.901-51.895C649.43 506.288 675.908 476.656 689.448 452.28L689.448 452.28z" p-id="2507" fill="#387DF7"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

7
src/views/portal/article/Index.vue
View File

@@ -1,6 +1,9 @@
2<template>
<div id="article-list-content" class="article-list-content">
<div class="article-banner">
<portal-header current="article" @emitInput="emitInput"></portal-header>
</div>
<div class="xcontent portal-content">
<div class="xrow" style="display: flex;justify-content: space-between;">
<div style="flex: 1;" class="xcol content-div">
@@ -386,6 +389,10 @@ export default {
</script>
<style scoped lang="scss">
.article-banner{
height: 240px;
background: url('/images/article-banner.png');
}
.list-bg{
background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
}

97
src/views/portal/case/Detail.vue
View File

@@ -96,84 +96,33 @@
<el-empty :image-size="200"></el-empty>
</div>
</div>
<div style="width: 245px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
<div style="width: 410px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
<div>
<div id="fixd-box">
<!-- <el-card class="ranking-card" >
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
<div class="ranking-card portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
<ul>
<li style="cursor: pointer;margin-top:30px;" class="title-line-ellipsis" v-for="(item, index) in Positive" :key="index">
<span class="portal-right-text blue-one" v-if="index==0">0{{index+1}}.</span>
<span class="portal-right-text blue-tow" v-if="index==1">0{{index+1}}.</span>
<span class="portal-right-text blue-three" v-if="index==2">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</li>
</ul>
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title">
</el-row>
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
<el-col :span="6" style="height:34px">
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
<img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</el-col>
<el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
</el-row>
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
<ul>
<li style="cursor: pointer;margin-top:30px;" v-for="(item, index) in Popularity" :key="index">
<span class="portal-right-text orange-one" v-if="index==0">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</li>
</ul>
</div>
</el-card> -->
<!-- <div style="height: 10px;"></div> -->
<el-card class="ranking-card" >
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title">
<!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
<!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
</el-row>
<el-row class="ranking-title bacolor" v-for="(item, index) in Popularity" :key="index" >
<el-col :span="6" style="height:34px">
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
<img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
<div v-if="item.title">
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</div>
</el-col>
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
<div :title="item.title + '（' + item.authorName+ ')'" @click="jumpRouter(item)">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
</div>
<!-- </el-tooltip> -->
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
</el-row>
</div>
</el-card>
<div style="height: 10px;"></div>
<el-card class="ranking-card" >
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title">
<!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
<!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
</el-row>
<el-row class="ranking-title bacolor" v-for="(item, index) in Positive" :key="index" >
<el-col :span="6" style="height:34px">
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
<img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
<div v-if="item.title">
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</div>
</el-col>
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
<div :title="item.title + '（' + item.authorName+ ')'" @click="jumpRouter(item)">
<el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
</div>
<!-- </el-tooltip> -->
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
</el-row>
</div>
</el-card>
</div>
</div>
</div>

20
src/views/portal/case/Index.vue
View File

@@ -1,6 +1,9 @@
<template>
<div id="case-list-content">
<div class="case-banner">
<portal-header current="case" @emitInput="emitInput"></portal-header>
</div>
<div class="xcontent portal-content">
<div style="flex: 1;" class="xcol content-div">
<el-row>
@@ -688,6 +691,10 @@ export default {
</script>
<style scoped lang="scss">
.case-banner{
height: 240px;
background: url('/images/case-banner.png');
}
::v-deep .el-checkbox{
.el-checkbox__input{
@@ -1005,13 +1012,12 @@ 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%);
}
.list-bg1{
background: linear-gradient(180deg, #f3a46f 0%, #fff 36%)
}
// .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 {

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

@@ -1,6 +1,9 @@
<template>
<div id="couser-list-content" class="couser-list-content">
<div class="course-banner">
<portal-header current="course" @emitInput="emitInput"></portal-header>
</div>
<!-- <div class="course-input">
<el-input class="course-value" v-model.trim="course.keyword" maxlength="20" @input="inputOn($event)" clearable placeholder="请输入关键词搜索"><el-button slot="append" icon="el-icon-search" @click="searchData()" class="course-btn"></el-button></el-input>
</div> -->
@@ -729,6 +732,10 @@ export default {
</script>
<style scoped lang="scss">
.course-banner{
height: 240px;
background: url('/images/course-banner.png');
}
::v-deep .el-radio-button{
margin-right:0px;
}

63
src/views/portal/qa/Answer.vue
View File

@@ -7,7 +7,7 @@
<el-breadcrumb-item>问答详情</el-breadcrumb-item>
</el-breadcrumb>
<div class="xrow" style="display: flex;justify-content: space-between;">
<div style="flex: 1;">
<div style="flex: 1;" class="xcol content-div">
<el-row v-if="noData">
<el-card :body-style="{ padding: '0px' }" class="detail">
<div class="title">
@@ -241,53 +241,26 @@
<el-empty :image-size="200"></el-empty>
</div>
</div>
<div style="width: 245px;margin-left: 5px;">
<el-row>
<div style="width: 410px;margin-left: 26px;">
<!-- <el-row> -->
<div class="qa-ranking">
<div style="margin-bottom:15px;padding: 0">
<el-button style="height: 100%;height: 37px;border-radius: 0; width: 100%;"
@click="$refs.addQuestion.askQuestionDialog = true" type="primary">提问题</el-button>
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
提问题
</div>
<div :span="24" style="padding:0">
<el-card class="ranking-card">
<div slot="header">
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献排行榜</span>
<!-- <el-radio-group v-model="anking" size="mini" style="float: right">
<el-radio-button label="年"></el-radio-button>
<el-radio-button label="月"></el-radio-button>
<el-radio-button label="日"></el-radio-button>
</el-radio-group> -->
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index">
<el-col :span="6" style="height:34px;">
<img style="margin-top: 5px;" v-if="index === 0" :src="`${webBaseUrl}/images/first.png`" />
<img style="margin-top: 5px;" v-if="index === 1" :src="`${webBaseUrl}/images/second.png`" />
<img style="margin-top: 5px;" v-if="index === 2" :src="`${webBaseUrl}/images/third.png`" />
<span style="margin-left: 10px" v-if="index != 2 && index != 0 && index != 1">{{ index + 1
}}</span>
</el-col>
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="top-start"> -->
<el-col :span="18" class="one-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
<!-- </el-tooltip> -->
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
</el-row>
<!-- <el-row class="ranking-title" v-for="(item, index) in ankingList" :key="index">
<el-col :span="4" class="center">
<img v-if="index === 0" :src="`${webBaseUrl}/images/first.png`" />
<img v-if="index === 1" :src="`${webBaseUrl}/images/second.png`" />
<img v-if="index === 2" :src="`${webBaseUrl}/images/third.png`" />
<span v-if="index != 2 && index != 0 && index != 1">{{ index + 1 }}</span>
</el-col>
<el-col style="color: #333333;font-size: 14px;" :span="10">{{ item.sysCreateUname }}</el-col>
<el-col style="text-align: right;color: #333333;font-size: 14px;" :span="10">{{ item.answers }}</el-col>
</el-row> -->
</div>
</el-card>
<div class="portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</ul>
</div>
</div>
</el-row>
</div>
</div>
<addQuestion ref="addQuestion" @sure="toDetail"></addQuestion>
@@ -408,7 +381,7 @@ export default {
}
if (scrollTop > 400) {
document.querySelector(".qa-ranking").style.cssText =
"position: fixed;top: 0;width:242.5px";
"position: fixed;top: 0;width:410px";
} else {
document.querySelector(".qa-ranking").style.cssText =
"position: static";

48
src/views/portal/qa/Detail.vue
View File

@@ -154,24 +154,35 @@
</div>
</el-row>
</div>
<div style="width: 245px;margin-left: 5px;">
<el-row>
<div style="width: 410px;">
<!-- <el-row> -->
<div class="qa-ranking" >
<div style="margin-bottom:15px;padding: 0">
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
提问题
</div>
<div class="portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</ul>
</div>
<!-- </div> -->
<!-- <div style="margin-bottom:15px;padding: 0">
<el-button style="height: 100%;height: 37px;border-radius: 0; width: 100%;" @click="$refs.addQuestion.askQuestionDialog = true" type="primary">提问题</el-button>
</div>
<div :span="24" style="padding:0">
<el-card class="ranking-card">
<div slot="header" >
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献排行榜</span>
<!-- <el-radio-group v-model="anking" size="mini" style="float: right">
<el-radio-button label="年"></el-radio-button>
<el-radio-button label="月"></el-radio-button>
<el-radio-button label="日"></el-radio-button>
</el-radio-group> -->
</div>
<div style="padding-bottom:10px">
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
<el-col :span="6" style="height:34px;" >
<img style="margin-top: 5px;" v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
@@ -179,26 +190,13 @@
<img style="margin-top: 5px;" v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
</el-col>
<!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="top-start"> -->
<el-col :span="18" class="one-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
<!-- </el-tooltip> -->
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
</el-row>
<!-- <el-row class="ranking-title" v-for="(item, index) in ankingList" :key="index">
<el-col :span="4" class="center">
<img v-if="index === 0" :src="`${webBaseUrl}/images/first.png`" />
<img v-if="index === 1" :src="`${webBaseUrl}/images/second.png`" />
<img v-if="index === 2" :src="`${webBaseUrl}/images/third.png`" />
<span v-if="index != 2 && index != 0 && index != 1">{{ index + 1 }}</span>
</el-col>
<el-col style="color: #333333;font-size: 14px;" :span="10">{{ item.sysCreateUname }}</el-col>
<el-col style="text-align: right;color: #333333;font-size: 14px;" :span="10">{{ item.answers }}</el-col>
</el-row> -->
</div>
</el-card>
</div> -->
</div>
</div>
</el-row>
<!-- </el-row> -->
</div>
</div>
<addQuestion ref="addQuestion" @sure="toDetail"></addQuestion>
@@ -307,7 +305,7 @@ export default {
}
if (scrollTop > 400) {
document.querySelector(".qa-ranking").style.cssText =
"position: fixed;top: 0;width:242.5px";
"position: fixed;top: 0;width:410px";
} else {
document.querySelector(".qa-ranking").style.cssText =
"position: static";

18
src/views/portal/qa/Index.vue
View File

@@ -1,10 +1,13 @@
<template>
<div id="qa-list-content" class="qa-list-content">
<div class="qa-banner">
<portal-header current="qa" @emitInput="emitInput"></portal-header>
</div>
<div class="portal-content">
<div class="xrow" style="display: flex;">
<div class="xcol content-div">
<div class="xrow" style="display: flex;justify-content: space-between;">
<div style="flex: 1;" class="xcol content-div">
<el-row>
<el-card :body-style="{ padding: '0px' }" class="left-div">
<!-- <el-row class="search-div">
@@ -80,7 +83,10 @@
<div style="width: 410px;">
<!-- <div> -->
<div style="padding:0" id="qa-fixd">
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">提问题</div>
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
<svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
提问题
</div>
<div class="portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
<ul>
@@ -400,9 +406,11 @@ export default {
</script>
<style scoped lang="scss">
.list-bg{
background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
.qa-banner{
height: 240px;
background: url('/images/qa-banner.png');
}
::v-deep .el-card__body{
padding: 0;
}