odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clay commit : 新闻中心对接完成

Browse Source
This commit is contained in:
clay
2022-10-05 23:35:21 +08:00
parent 256e4ab2ea
commit fe4dd98a58
12 changed files with 648 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/views/index/components/news_center.vue
View File

@@ -20,71 +20,23 @@
<!--轮播图下的新闻-->
<div class="news">
<el-row>
<el-col :span="6">
<el-col :span="6" v-for="(item,index) in newsData" :key="index">
<div class="news_context">
<div class="news_context_img">
<img src="../../../assets/index/news_center/t4.png" alt="">
<img v-if="!item.imgurl" src="../../../assets/index/news_center/t4.png" alt="">
<img v-if="item.imgurl" :src="item.imgurl" alt="">
</div>
<div class="news_context_text" style="border-right: 1px solid #CCCCCC;">
<div class="news_context_text-title">信息引领，勇于拼领，勇于拼搏—信息搏…</div>
<div class="news_context_text-content">为促进学生学业发展学生学业学生学业学生学业、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展…
<div class="news_context_text-title">{{ item.title }}</div>
<div class="news_context_text-content" v-html="item.content">
</div>
<div class="news_context_time">
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
<span class="time">2022-10-2</span>
<span class="time">{{getDateTime(item.publishTime)}}</span>
</div>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="../../../assets/index/news_center/t4.png" alt="">
</div>
<div class="news_context_text" style="border-right: 1px solid #CCCCCC;">
<div class="news_context_text-title">信息引领，勇于拼搏—信息搏…</div>
<div class="news_context_text-content">为促进学生学业发展学生学业学生学业学生学业、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展…
</div>
<div class="news_context_time">
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
<span class="time">2022-10-2</span>
</div>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="../../../assets/index/news_center/t4.png" alt="">
</div>
<div class="news_context_text" style="border-right: 1px solid #CCCCCC;">
<div class="news_context_text-title">信息引领，勇于拼搏—信息搏…</div>
<div class="news_context_text-content">为促进学生学业发展学生学业学生学业学生学业、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展…
</div>
<div class="news_context_time">
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
<span class="time">2022-10-2</span>
</div>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="news_context">
<div class="news_context_img">
<img src="../../../assets/index/news_center/t4.png" alt="">
</div>
<div class="news_context_text">
<div class="news_context_text-title">信息引领，勇于拼搏—信息搏…</div>
<div class="news_context_text-content">为促进学生学业发展学生学业学生学业学生学业、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展…
</div>
<div class="news_context_time">
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
<span class="time">2022-10-2</span>
</div>
<div class="vline"></div>
</div>
</div>
</el-col>
</el-row>
</div>
@@ -92,22 +44,20 @@
</template>
<script>
import {banner, getArticleList} from "@/api";
import {toArticle, lookMoreComment} from "@/utils/sist";
import {getArticleList} from "@/api";
import {toArticle} from "@/utils/sist";
import {lookMoreFixedComment} from "../../../utils/sist";
export default {
name: "news_center",
data() {
return {
newsDate: [],
bannerDate: [],
newsData: [],
width: document.documentElement.clientWidth > 992
};
},
created() {
this.getList();
this.getBanner();
},
methods: {
clickTo(link) {
@@ -122,19 +72,21 @@ export default {
},
getList() {
getArticleList({
type: "NEd5n92EMIpyyBslaNqsRgE",
navId: "DpHktHeXJp3MX-FZoZdjz3w",
pageNum: 1,
pageSize: 4
}).then(res => {
this.newsDate = res.rows;
this.newsData = res.rows;
});
},
getBanner() {
banner("NEd5n92EMIpyyBslaNqsRgE").then(res => {
this.bannerDate = res.data;
});
}
}
getDateTime(date) {
let time = new Date(date);
let year = time.getFullYear();
let month = time.getMonth() + 1
let day = time.getDate();
return year + "-" + month + "-" + day;
},
},
};
</script>

40
src/views/index/components/slideshow_card.vue
View File

@@ -198,39 +198,39 @@ export default {
}
}
.one {
.five {
z-index: 98;
left: 1%;
transform: scale(0.8);
}
.two {
.six {
z-index: 99;
left: 21%;
transform: scale(0.9);
}
.three {
.one {
left: 37%;
z-index: 100;
transform: scale(1);
border: 1px solid #DA2D2D;
}
.four {
.two {
z-index: 99;
left: 53%;
transform: scale(0.9);
}
.five {
.three {
left: 73%;
z-index: 98;
transform: scale(0.8);
}
.six {
left: 70%;
.four {
left: 37%;
z-index: 96;
transform: scale(0.7);
}
@@ -271,33 +271,34 @@ export default {
}
.one {
.five {
left: -1%;
}
.two {
.six {
left: 15%;
}
.three {
.one {
left: 31%;
}
.four {
.two {
left: 47%;
}
.five {
.three {
left: 63%;
}
.six {
.four {
left: 31%;
}
}
}
@media screen and (max-width: 1100px) {
.banner-card {
height: 26rem;
@@ -314,27 +315,28 @@ export default {
-webkit-line-clamp: 2; //显示的行
}
}
.one {
.five {
left: 4%;
}
.two {
.six {
left: 17%;
}
.three {
.one {
left: 30%;
}
.four {
.two {
left: 43%;
}
.five {
.three {
left: 56%;
}
.six {
.four {
left: 10%;
}
}