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

首页

Browse Source
This commit is contained in:
nisen
2023-09-05 17:41:07 +08:00
parent 6cb862c33b
commit 830f89219e
3 changed files with 52 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/grateful/noticeBgc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
src/assets/images/grateful/toolBgc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 KiB

58
src/views/grateful/GratefulHomePage.vue
View File

@@ -62,10 +62,6 @@
</router-link> </router-link>
</li> </li>
</ul> </ul>
<div v-if="courseList.noticeList.length <=3" style="flex: 1;display: flex; align-items: flex-end;">
<img src="../../assets/images/grateful/notice.png" class="noticeImg" style="width: 100%;"
alt="">
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -102,15 +98,6 @@
<span class="portal-title-desc" style="font-size: 14px;">{{ item.name.split('.')[0] }}</span> <span class="portal-title-desc" style="font-size: 14px;">{{ item.name.split('.')[0] }}</span>
</li> </li>
</ul> </ul>
<div v-if="courseList.toolList.length <= 4"
style="flex: 1; display: flex;justify-content: space-between; align-items: flex-end;">
<img class="toolImg" src="../../assets/images/grateful/tool1.png"
alt="">
<img class="toolImg" src="../../assets/images/grateful/tool2.png"
alt="">
<img class="toolImg" src="../../assets/images/grateful/tool3.png"
alt="">
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -172,11 +159,7 @@
<div class="dialogContent"> <div class="dialogContent">
<div class="dialogTop"> <div class="dialogTop">
<div class="words"> <div class="words">
<div>欢迎留下您的宝贵意见，</div> <div>欢迎留下您的宝贵建议</div>
<div>建议一旦采纳，将有精美小礼品奉上。</div>
</div>
<div class="imgGift">
<img src="../../assets/images/grateful/noticGift.png" alt="">
</div> </div>
</div> </div>
<el-form :model="form"> <el-form :model="form">
@@ -207,6 +190,8 @@ export default {
}, },
data() { data() {
return { return {
showNoticeImg: false,
showToolImg: false,
form: { form: {
textarea: "", textarea: "",
}, },
@@ -360,27 +345,37 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@media screen and (max-width: 1366px){ // .noticeBgc {
.swiper-pagination{ // height: 100%;
// width: 100%;
// background: url('../../assets/images/grateful/noticeBgc.png') no-repeat;
// background-size: 100% 100px;
// }
@media screen and (max-width: 1366px) {
.swiper-pagination {
top: 310px; top: 310px;
} }
} }
@media screen and (max-width: 1680px) and (min-width:1367px){
.swiper-pagination{ @media screen and (max-width: 1680px) and (min-width:1367px) {
.swiper-pagination {
top: 360px; top: 360px;
} }
} }
@media screen and (max-width: 1920px) and (min-width: 1681px){ @media screen and (max-width: 1920px) and (min-width: 1681px) {
.swiper-pagination{ .swiper-pagination {
top: 360px; top: 360px;
} }
} }
@media screen and (min-width: 1921px){
.swiper-pagination{ @media screen and (min-width: 1921px) {
.swiper-pagination {
top: 360px; top: 360px;
} }
} }
.bannbox { .bannbox {
width: 100%; width: 100%;
height: 420px; height: 420px;
@@ -412,6 +407,14 @@ export default {
.course-banner { .course-banner {
height: 420px; height: 420px;
position: relative;
&::before {
content: url(../../assets/images//grateful/logo.png);
position: absolute;
top: 20px;
left: 40px;
}
.swiper-button-prev { .swiper-button-prev {
height: 38px; height: 38px;
@@ -851,4 +854,5 @@ export default {
display: grid; display: grid;
justify-content: space-between; justify-content: space-between;
} }
}</style> }
</style>