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

整体修改

Browse Source
This commit is contained in:
nisen
2023-08-31 11:16:31 +08:00
parent 2be13a05fc
commit d14373d4f2
13 changed files with 328 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/views/grateful/TeacherOpinion.vue
View File

@@ -1,26 +1,32 @@
<template>
<div>
<div class="opinionBanner">
</div>
<div class="xindex-content" style="padding: 0">
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="navTop">
<div>
<router-link to="/">首页</router-link>&nbsp;>&nbsp;
<span style="cursor: pointer;">名师好课</span>
</div>
<div style="position: relative;">
<el-input class="portal-input" placeholder="请输入课程名称" style="border-radius: 20px !important; "
@keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword">
</el-input>
<el-button class="sear-but" @click="searchJump()" type="primary" size="mini">搜索</el-button>
</div>
</div>
</div>
</div>
</div>
<!-- 教师赋能 -->
<div class="xindex-content" style="padding: 0">
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="modules-list" style="margin-top: 0;">
<div class="bgc">
<div class="title">
<div>师资大全</div>
<!-- <div style="position: relative;">
<el-input class="portal-input" placeholder="请输入课程名称或教师姓名工号"
style="border-radius: 20px !important;width: 300px; " @keyup.enter.native="searchJump()" clearable
maxlength="50" v-model="keyword">
</el-input>
<el-button class="sear-but" @click="searchJump()" type="primary" size="mini">搜索</el-button>
</div> -->
</div>
</div>
<div class="content">
<el-table :data="pageData" stripe border>
<el-table-column label="序号" type="index" width="50" align="center"></el-table-column>
<el-table-column label="课程名称" prop="courseUser" align="center"></el-table-column>
<el-table-column label="课程价值" prop="auditTime" align="center" show-overflow-tooltip></el-table-column>
<el-table-column label="教师名称" prop="auditRemark" align="center" width="200px"
@@ -102,46 +108,6 @@ export default {
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
{
courseUser: '2016-05-02',
auditTime: '王小虎',
auditRemark: '上海市普陀区金沙江路 1518 弄'
},
],
courseList: {
list: [],
@@ -176,30 +142,60 @@ export default {
};
</script>
<style scoped lang='scss'>
.opinionBanner {
width: 100%;
height: 240px;
position: relative;
background: url('../../assets/images/grateful/opinionBanner.png') no-repeat;
background-size: 100% 100%;
&::before {
content: url(../../assets/images//grateful/logo.png);
position: absolute;
top: 20px;
left: 40px;
}
&::after {
content: '名师好课';
position: absolute;
bottom: 25px;
left: 8%;
color: #ffffff;
font-weight: 600;
font-size: 64px;
}
img {
width: 100%;
height: 240px;
}
}
.navTop {
color: #666;
display: flex;
justify-content: space-between;
.sear-but {
position: absolute;
bottom: 10%;
right: 5px;
}
}
.modules-list {
min-height: 555px;
background: #ffffff;
border-radius: 8px;
.bgc {
font-size: 18px;
font-weight: 600;
color: #000000;
height: 100px;
.content {
padding: 40px 70px;
background: linear-gradient(180deg,
rgba(56, 125, 247, 0.2) 0%,
rgba(166, 168, 255, 0) 100%);
border-radius: 8px 8px 0 0;
.title {
padding: 20px 20px 0 20px;
display: flex;
justify-content: space-between;
}
}
.content {
padding: 0 40px 40px;
rgba(166, 168, 255, 0) 100%) no-repeat;
background-size: 100% 166px;
border-radius: 8px;
}
.sear-but {