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

00

Browse Source
This commit is contained in:
clay
2022-01-15 20:55:38 +08:00
parent 5356c8b948
commit 8e9cf7b833
15 changed files with 782 additions and 563 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,13 +30,13 @@
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<div class="slideshow">
<el-carousel trigger="click" height="23.3vw">
<el-carousel-item v-for="item in 4" :key="item">
<el-carousel-item v-for="(item,index) in bannerDate" :key="index">
<div>
<img src="@/assets/index/news_center/t1@2x.png" alt="">
<img :src="item.imgurl" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item }}喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
{{ item.title }}
</el-col>
</el-row>
</div>
@@ -54,43 +54,13 @@
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row class="news">
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
<el-col v-for="(news,index) in newsDate" :key="index" :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t2.png" alt="">
<img :src="news.imgurl" alt="">
</div>
<div class="news_context_text">
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t3.png" alt="">
</div>
<div class="news_context_text">
“学党史 担使命”一班一品牌，班班展风采——信息科学与技术学院2020-2021…
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="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>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t5.png" alt="">
</div>
<div class="news_context_text">
“奋斗青春 梦想起航” 西南交通大学信息科学与技术学院2021级新生开学典礼
{{news.title}}
</div>
</div>
</el-col>
@@ -116,8 +86,36 @@
</template>
<script>
import {banner, getArticleList} from "@/api";
export default {
name: "news_center"
name: "news_center",
data(){
return{
newsDate:[],
bannerDate:[]
}
},
created() {
this.getList()
this.getBanner()
},
methods: {
getList(){
getArticleList({
type:"XC7D8m5gkr35BX1b4Otiln4",
pageNum: 1,
pageSize: 4
}).then(res=>{
this.newsDate = res.rows
})
},
getBanner(){
banner("NEd5n92EMIpyyBslaNqsRgE").then(res=>{
this.bannerDate = res.data
})
}
},
}
</script>