分页和nav

This commit is contained in:
nisen
2023-09-05 11:05:02 +08:00
parent c14f36d1b4
commit b402e70f03
5 changed files with 40 additions and 17 deletions

View File

@@ -7,8 +7,8 @@
<div class="xcontent2-main">
<div class="navTop">
<div>
<router-link to="/grateful">首页</router-link>&nbsp;>&nbsp;
<span style="cursor: pointer;">名师好课</span>
<router-link to="/grateful" class="nav">首页</router-link>&nbsp;>&nbsp;
<span style="cursor: pointer;" class="nav">名师好课</span>
</div>
<div style="position: relative;">
<el-input class="portal-input" placeholder="请输入课程名称" style="border-radius: 20px !important; "
@@ -26,12 +26,14 @@
<div class="xcontent2-main">
<div class="modules-list" style="margin-top: 0;">
<div class="content">
<el-table :data="list" stripe border>
<el-table-column label="课程名称" prop="courseName" align="center" show-overflow-tooltip></el-table-column>
<el-table-column label="课程价值" prop="meaning" align="center" show-overflow-tooltip></el-table-column>
<el-table-column label="教师名称" prop="teacherName" align="center" width="150px"></el-table-column>
<el-table-column label="教师工号" prop="teacherNo" align="center" width="150px"></el-table-column>
</el-table>
<div style="min-height: 485px;">
<el-table :data="list" stripe border>
<el-table-column label="课程名称" prop="courseName" align="center" show-overflow-tooltip></el-table-column>
<el-table-column label="课程价值" prop="meaning" align="center" show-overflow-tooltip></el-table-column>
<el-table-column label="教师名称" prop="teacherName" align="center" width="150px"></el-table-column>
<el-table-column label="教师工号" prop="teacherNo" align="center" width="150px"></el-table-column>
</el-table>
</div>
<div v-if="list.length > 0" style="text-align: center;margin-top: 50px;">
<pagination style="background-color: rgba(0, 0, 0, 0);" :size="params.pageSize" :total="total"
:page="params.pageNo" @change-size="changePageSize" @change-page="loadData" :autoScroll="false">
@@ -97,6 +99,9 @@ export default {
};
</script>
<style scoped lang='scss'>
.nav:hover{
color: #387DF7;
}
.opinionBanner {
width: 100%;
height: 240px;