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

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

@@ -1,71 +1,14 @@
<template>
<div class="banner-card">
<ul class="ul">
<li>
<li v-for="(item,index) in bannerDate" :key="index">
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t6.png"
:src="item.imgurl"
alt=""/>
</div>
<div class="card_title">
信息学院“学党史，悟思想”微党课暨诚信考试承诺仪式顺利开展
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t7.png"
alt=""
/>
</div>
<div class="card_title">
读党史，感受中国共产党之伟大——信息学院主题党课活动顺利开展
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t8.png"
alt=""
/>
</div>
<div class="card_title">
信息科学与技术学院本科生第三支部开展党史教育活动
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t9.png"
alt=""
/>
</div>
<div class="card_title">
“迎党的生日、讲红色故事、悟初心使命”——本科第四党支部…
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t10.png"
alt=""
/>
</div>
<div class="card_title">
建党百年 信息报国——信息科学与技术学院备份
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t6.png"
alt=""
/>
</div>
<div class="card_title">
建党百年 信息报国——信息科学与技术学院备份
{{item.title}}
</div>
</li>
</ul>
@@ -82,12 +25,15 @@
</div>
</template>
<script>
import {banner} from "@/api";
export default {
data() {
return {
default: {
defaultConfig: {
//默认值
classArray: ["one", "two", "three", "four", "five", "six"],
// classArray: ["one", "two", "three", "four", "five"],
leftSlider: true,
},
bannerWrap: null,
@@ -96,15 +42,23 @@ export default {
classlist: null,
leftBtn: null,
rightBtn: null,
bannerDate:[]
};
},
beforeCreate() {
banner("STCplDRCWAA3zcFE0EBTcQI").then(res=>{
this.bannerDate = res.data
})
},
created() {
},
methods: {
constructor() {
this.bannerWrap = document.getElementsByClassName("banner-card")[0];
let lis = this.bannerWrap.getElementsByTagName("li");
// 将类数组转化为数组
this.lisArray = Array.from(lis);
this.classlist = this.default.classArray;
this.classlist = this.defaultConfig.classArray;
//获取左右按钮
this.leftBtn = document.getElementsByClassName("left-btn")[0];
this.rightBtn = document.getElementsByClassName("right-btn")[0];
@@ -160,7 +114,9 @@ export default {
},
},
mounted() {
this.constructor();
setTimeout(() =>{
this.constructor();
},1000);
},
};