分页和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

@@ -6,7 +6,7 @@
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="navTop">
<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>
</div>
@@ -17,6 +17,7 @@
<div class="xcontent2-main">
<div class="modules-list" style="margin-top: 0;">
<div style="padding:20px 70px;" class="bgc">
<div style="min-height: 600px;">
<!--内容列表内容-->
<div v-for="(item, ccidx) in list" :key="'cc' + ccidx" class="toolEvery" @click="noticeDetail(item)">
<div class="contnet">{{ item.name }}</div>
@@ -25,6 +26,8 @@
<time-show :time="item.createTime.split(' ')[0]"></time-show>
</div>
</div>
</div>
<div v-if="total > 0">
<pagination style="background-color: rgba(0, 0, 0, 0);" :size="params.pageSize" :total="total"
:page="params.pageNo" @change-size="changePageSize" @change-page="changPage" :autoScroll="false">
@@ -89,6 +92,9 @@ export default {
};
</script>
<style scoped lang='scss'>
.nav:hover{
color: #387DF7;
}
.noticeBanner {
width: 100%;
height: 240px;

View File

@@ -6,7 +6,9 @@
<div class="xcontent2-main">
<div class="navTop">
<div>
<router-link to="/grateful">首页</router-link>&nbsp;>&nbsp;<router-link to="/grateful/gratefulNotice">通知列表</router-link>&nbsp;>&nbsp;<span style="cursor: pointer;">通知详情</span>
<router-link to="/grateful" class="nav">首页</router-link>&nbsp;>&nbsp;<router-link
to="/grateful/gratefulNotice" class="nav">通知列表</router-link>&nbsp;>&nbsp;<span style="cursor: pointer;"
class="nav">通知详情</span>
</div>
</div>
</div>
@@ -73,6 +75,10 @@ export default {
};
</script>
<style scoped lang='scss'>
.nav:hover {
color: #387DF7;
}
.portal-header {
position: relative;
height: 72px;
@@ -137,5 +143,4 @@ export default {
.noticeContent {
padding: 0 80px;
}
}
</style>
}</style>

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; "
@@ -158,6 +158,10 @@ export default {
</script>
<style scoped lang="scss">
.nav:hover {
color: #387DF7;
}
.empBanner {
width: 100%;
height: 240px;

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">
<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;

View File

@@ -8,8 +8,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>
</div>
@@ -20,7 +20,7 @@
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="modules-list" style="margin-top: 0;">
<div v-if="total > 0" style="padding: 20px 70px;border-radius: 8px 8px 0 0;" class="bgc">
<div v-if="total > 0" style="padding: 20px 70px;border-radius: 8px 8px 0 0;min-height: 600px;" class="bgc">
<!--内容列表内容-->
<div v-for="(tool, index) in list" :key="'cc' + index" class="toolEvery">
<div class="contnet">
@@ -105,6 +105,9 @@ export default {
};
</script>
<style scoped lang='scss'>
.nav:hover{
color: #387DF7;
}
.toolBanner {
width: 100%;
height: 240px;