mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-08 10:26:43 +08:00
整体修改
This commit is contained in:
nisen
BIN
src/assets/images/grateful/empBanner.png
Normal file
BIN
src/assets/images/grateful/empBanner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
src/assets/images/grateful/noticGift.png
Normal file
BIN
src/assets/images/grateful/noticGift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
src/assets/images/grateful/noticeBanner.png
Normal file
BIN
src/assets/images/grateful/noticeBanner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 341 KiB |
BIN
src/assets/images/grateful/noticeLogo.png
Normal file
BIN
src/assets/images/grateful/noticeLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
src/assets/images/grateful/opinionBanner.png
Normal file
BIN
src/assets/images/grateful/opinionBanner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 521 KiB |
BIN
src/assets/images/grateful/toolBanner.png
Normal file
BIN
src/assets/images/grateful/toolBanner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 522 KiB |
@@ -6,7 +6,9 @@
|
||||
<div class="xcontent2-main">
|
||||
<div class="gratefulNav">
|
||||
<div class="navImg">
|
||||
<img src="../../assets/images/grateful/famousTeacher.png" alt="">
|
||||
<router-link to="/grateful/teacherOpinion">
|
||||
<img src="../../assets/images/grateful/famousTeacher.png" alt="">
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="navNotice">
|
||||
<div id="fixd-box">
|
||||
@@ -16,8 +18,7 @@
|
||||
<router-link to="/grateful/gratefulNotice" style="font-size: 14px;">查看更多</router-link>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="(item, index) in 6" :key="index"
|
||||
style="cursor: pointer;line-height: 22px;" class="liList">
|
||||
<li v-for="(item, index) in 6" :key="index" style="cursor: pointer;line-height: 22px;" class="liList">
|
||||
<router-link :to="'/case/detail?id=' + item.id" style="display: flex;align-items: center;">
|
||||
<span class="portal-right-text blue-one">
|
||||
<img :src="getPic(index)" alt="">
|
||||
@@ -41,7 +42,7 @@
|
||||
<router-link to="/grateful/toolDown" style="font-size: 14px;">查看更多</router-link>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="(item, index) in 6" :key="index" style="cursor: pointer;line-height: 22px;"
|
||||
<li v-for="(item, index) in 6" :key="index" style="cursor: pointer;line-height: 22px;"
|
||||
class="title-line-ellipsis liList">
|
||||
<router-link :to="'/case/detail?id=' + item.id">
|
||||
<span class="portal-right-text orange-one" v-if="index == 0">
|
||||
@@ -123,13 +124,22 @@
|
||||
<div class="float-tools" @click="() => (gratefulVisible = !gratefulVisible)">
|
||||
<div class="content">
|
||||
<img src="../../assets/images/grateful/suggestion.png" alt="" />
|
||||
<span>给点意见</span>
|
||||
<span>给点建议</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 意见 -->
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="gratefulVisible" :append-to-body="true" @closed="closeDlg"
|
||||
title="感谢您百忙之中给我们提交您宝贵的意见~">
|
||||
<el-dialog :close-on-click-modal="false" width="629px" :visible.sync="gratefulVisible" :append-to-body="true"
|
||||
@closed="closeDlg">
|
||||
<div class="dialogContent">
|
||||
<div class="dialogTop">
|
||||
<div class="words">
|
||||
<div>欢迎留下您的宝贵意见，</div>
|
||||
<div>建议一旦采纳，将有精美小礼品奉上。</div>
|
||||
</div>
|
||||
<div class="imgGift">
|
||||
<img src="../../assets/images/grateful/noticGift.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<el-form :model="form">
|
||||
<el-form-item>
|
||||
<el-input type="textarea" placeholder="请输入内容......" v-model="form.textarea" class="textarea"></el-input>
|
||||
@@ -278,6 +288,32 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-dialog__body {
|
||||
background: linear-gradient(180deg, rgba(56, 125, 247, 0.2) 0%, rgba(166, 168, 255, 0) 100%) no-repeat;
|
||||
background-size: 100% 136px;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__header {
|
||||
background: linear-gradient(180deg, rgba(56, 125, 247, 0.2) 0%, rgba(166, 168, 255, 0) 100%) no-repeat;
|
||||
background-size: 100% 1000px;
|
||||
}
|
||||
|
||||
.dialogContent {
|
||||
|
||||
.dialogTop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 40px;
|
||||
|
||||
.words {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
line-height: 37px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title-line-ellipsis {
|
||||
display: -webkit-box;
|
||||
text-overflow: ellipsis;
|
||||
@@ -292,6 +328,7 @@ export default {
|
||||
display: grid;
|
||||
grid-template-columns: 1.5fr 1fr 1fr;
|
||||
column-gap: 40px;
|
||||
|
||||
.navImg {
|
||||
img {
|
||||
width: 100%;
|
||||
|
||||
@@ -1,16 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="noticeBanner">
|
||||
</div>
|
||||
<div class="xindex-content" style="padding: 0">
|
||||
<div class="modules xcontent2">
|
||||
<div class="xcontent2-main">
|
||||
<div class="navTop">
|
||||
<router-link to="/">首页</router-link> > <span style="cursor: pointer;">通知</span>
|
||||
</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="padding:0 20px;">
|
||||
<div style="padding:20px 70px;" class="bgc">
|
||||
<!--内容列表内容-->
|
||||
<div v-for="(item, ccidx) in 5" :key="'cc' + ccidx" class="toolEvery" @click="noticeDetail(item)">
|
||||
<div v-for="(item, ccidx) in 10" :key="'cc' + ccidx" class="toolEvery" @click="noticeDetail(item)">
|
||||
<div class="contnet">教师节活动通知</div>
|
||||
<div class="case-info-date portal-time">
|
||||
<i class="el-icon-time" style="margin-right: 5px;"></i>
|
||||
@@ -18,7 +26,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<pagination :size="courseList.pageSize" :total="courseList.count" :page="courseList.pageIndex"
|
||||
layout="total, prev, pager, next, jumper" @change-size="changePageSize" @change-page="loadData">
|
||||
@change-size="changePageSize" @change-page="loadData">
|
||||
</pagination>
|
||||
</div>
|
||||
|
||||
@@ -79,26 +87,50 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
.noticeBanner {
|
||||
width: 100%;
|
||||
height: 240px;
|
||||
position: relative;
|
||||
background: url('../../assets/images/grateful/noticeBanner.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
&::before {
|
||||
content: url(../../assets/images//grateful/noticeLogo.png);
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '通知';
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
left: 180px;
|
||||
color: #387DF7;
|
||||
font-weight: 600;
|
||||
font-size: 64px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 240px;
|
||||
}
|
||||
}
|
||||
.navTop{
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.modules-list {
|
||||
min-height: 555px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
|
||||
.bgc {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
height: 80px;
|
||||
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;
|
||||
}
|
||||
rgba(166, 168, 255, 0) 100%) no-repeat;
|
||||
background-size: 100% 166px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.toolEvery {
|
||||
|
||||
@@ -1,5 +1,18 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="portal-header"></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> >
|
||||
<span style="cursor: pointer;">通知详情</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 教师赋能 -->
|
||||
<div class="xindex-content" style="padding: 0">
|
||||
<div class="modules xcontent2">
|
||||
@@ -15,27 +28,11 @@
|
||||
<time-show time="2023-08-04"></time-show>
|
||||
</div>
|
||||
</div>
|
||||
<div class="topTitle">通知内容</div>
|
||||
<div class="noticeContent">--内容列表内容--</div>
|
||||
</div>
|
||||
<div class="topTitle">通知内容</div>
|
||||
<div class="noticeContent">--内容列表内容--</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="xcontent2-minor" style="margin-left: 25px">
|
||||
<div class="portal-ranking ranking-bg">
|
||||
<p class="ranking-title">重要通知</p>
|
||||
<ul class="xindex-ranking-course">
|
||||
<li class="xindex-ranking-li" v-for="(item, cindex) in 10" :key="'cc' + cindex" @click="noticeDetail(item)">
|
||||
<a style="display: inherit">
|
||||
<span class="portal-right-text blue-one">
|
||||
<img :src="getPic(cindex)" alt="" />
|
||||
</span>
|
||||
<span class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
|
||||
style="font-size: 14px; color: #04243c">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,6 +67,25 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
.portal-header {
|
||||
position: relative;
|
||||
height: 72px;
|
||||
background: #0078FC;
|
||||
border: 1px solid rgba(61, 61, 61, 0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
|
||||
&::before {
|
||||
content: url(../../assets/images//grateful/logo.png);
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.navTop {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.modules-list {
|
||||
min-height: 555px;
|
||||
background: #ffffff;
|
||||
@@ -81,8 +97,10 @@ export default {
|
||||
color: #000000;
|
||||
background: linear-gradient(180deg,
|
||||
rgba(56, 125, 247, 0.2) 0%,
|
||||
rgba(166, 168, 255, 0) 100%);
|
||||
border-radius: 8px 8px 0 0;
|
||||
rgba(166, 168, 255, 0) 100%) no-repeat;
|
||||
background-size: 100% 166px;
|
||||
border-radius: 8px;
|
||||
padding: 40px 70px;
|
||||
|
||||
.title {
|
||||
padding: 20px;
|
||||
|
||||
@@ -1,5 +1,25 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="empBanner">
|
||||
</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> >
|
||||
<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">
|
||||
@@ -64,6 +84,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
keyword: '',
|
||||
form: {
|
||||
textarea: "",
|
||||
},
|
||||
@@ -90,6 +111,9 @@ export default {
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
searchJump() {
|
||||
|
||||
},
|
||||
changePageSize(pageSize) {
|
||||
this.courseList.pageSize = pageSize;
|
||||
},
|
||||
@@ -186,6 +210,48 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.empBanner {
|
||||
width: 100%;
|
||||
height: 240px;
|
||||
position: relative;
|
||||
background: url('../../assets/images/grateful/empBanner.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: 180px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.xindex-course-image:hover {
|
||||
transform: scale(1.2) translateY(-15px);
|
||||
transition: all 0.6s;
|
||||
@@ -467,6 +533,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
display: grid;
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -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> >
|
||||
<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 {
|
||||
|
||||
@@ -1,16 +1,28 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="toolBanner">
|
||||
<div class="portal-header"></div>
|
||||
</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> >
|
||||
<span style="cursor: pointer;">下载工具</span>
|
||||
</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="padding: 0 20px;border-radius: 8px 8px 0 0;">
|
||||
<div style="padding: 20px 70px;border-radius: 8px 8px 0 0;" class="bgc">
|
||||
<!--内容列表内容-->
|
||||
<div v-for="(course, ccidx) in 5" :key="'cc' + ccidx" class="toolEvery">
|
||||
<div v-for="(course, ccidx) in 10" :key="'cc' + ccidx" class="toolEvery">
|
||||
<div class="contnet">
|
||||
MNT销量突破促经营哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
|
||||
</div>
|
||||
@@ -21,26 +33,10 @@
|
||||
</div>
|
||||
|
||||
<pagination :size="courseList.pageSize" :total="courseList.count" :page="courseList.pageIndex"
|
||||
layout="total, prev, pager, next, jumper" @change-size="changePageSize" @change-page="loadData">
|
||||
@change-size="changePageSize" @change-page="loadData">
|
||||
</pagination>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="xcontent2-minor" style="margin-left: 25px">
|
||||
<div class="portal-ranking ranking-bg">
|
||||
<p class="ranking-title">教师赋能排行榜</p>
|
||||
<ul class="xindex-ranking-course">
|
||||
<li class="xindex-ranking-li" v-for="(item, cindex) in 10" :key="'cc' + cindex">
|
||||
<a style="display: inherit">
|
||||
<span class="portal-right-text blue-one">
|
||||
<img :src="getPic(cindex)" alt="" />
|
||||
</span>
|
||||
<span class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
|
||||
style="font-size: 14px; color: #04243c">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -71,26 +67,54 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
.toolBanner {
|
||||
width: 100%;
|
||||
height: 240px;
|
||||
position: relative;
|
||||
background: url('../../assets/images/grateful/toolBanner.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
&::after {
|
||||
content: '下载工具';
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
left: 180px;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
font-size: 64px;
|
||||
}
|
||||
|
||||
.portal-header {
|
||||
position: relative;
|
||||
height: 72px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(61, 61, 61, 0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
|
||||
&::before {
|
||||
content: url(../../assets/images//grateful/logo.png);
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
top: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navTop {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.modules-list {
|
||||
min-height: 555px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
|
||||
.bgc {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
height: 80px;
|
||||
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;
|
||||
}
|
||||
rgba(166, 168, 255, 0) 100%) no-repeat;
|
||||
background-size: 100% 166px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.toolEvery {
|
||||
|
||||
@@ -1,16 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="grateful header" style="margin-bottom:30px" v-if="$route.meta.hidden">
|
||||
<div class="portal-header">
|
||||
<div class="portal-top" style="color: #fff;">
|
||||
<div class="portal-top-left">
|
||||
<div class="portal-top-logo">
|
||||
<img src="../../assets/logo/logo-white.png" style="width:160px;height: 27px;" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="course-banner" v-if="!$route.meta.hidden">
|
||||
<div id="container" style="z-index: 99" v-if="resonimg.length == 1">
|
||||
<!-- 当轮播图等于一张时 -->
|
||||
@@ -96,6 +85,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.main{
|
||||
background-color: #f2F5F7;
|
||||
}
|
||||
.grateful {
|
||||
width: 100%;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user