hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 03: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

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

@@ -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%;