|
|
@ -3,12 +3,12 @@ |
|
|
|
<Header></Header> |
|
|
|
<Header></Header> |
|
|
|
<div class="main d-flex"> |
|
|
|
<div class="main d-flex"> |
|
|
|
<div class="img"> |
|
|
|
<div class="img"> |
|
|
|
|
|
|
|
<!--首页视频文件 已删除--> |
|
|
|
<video id="videoPlayer" src="./assets/01.mp4" style="width: 90%" controls loop></video> |
|
|
|
<!-- <video id="videoPlayer" src="./assets/01.mp4" style="width: 90%" controls loop></video>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="lanmu"> |
|
|
|
<div class="lanmu"> |
|
|
|
<div class="title d-flex"> |
|
|
|
<div class="title d-flex"> |
|
|
|
<div class="l">{{obj.name}}</div> |
|
|
|
<div class="l">{{ obj.name }}</div> |
|
|
|
<router-link to="/cms/major" class="r">MORE</router-link> |
|
|
|
<router-link to="/cms/major" class="r">MORE</router-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="itemList"> |
|
|
|
<div class="itemList"> |
|
|
@ -20,7 +20,7 @@ |
|
|
|
@click="goToDetail(item)" |
|
|
|
@click="goToDetail(item)" |
|
|
|
> |
|
|
|
> |
|
|
|
<div class="name">{{ item.title }}</div> |
|
|
|
<div class="name">{{ item.title }}</div> |
|
|
|
<div class="time">{{ item.publishTime === undefined ? "" :item.publishTime.substr(0,10)}}</div> |
|
|
|
<div class="time">{{ item.publishTime === undefined ? "" : item.publishTime.substr(0, 10) }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -29,17 +29,17 @@ |
|
|
|
<p class="title1">课程体系</p> |
|
|
|
<p class="title1">课程体系</p> |
|
|
|
<p class="title2">全面落实立德树人根本任务,CDIO工程教育理念</p> |
|
|
|
<p class="title2">全面落实立德树人根本任务,CDIO工程教育理念</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img src="./assets/Group01.png" /> |
|
|
|
<img src="./assets/Group01.png"/> |
|
|
|
<div class="title"> |
|
|
|
<div class="title"> |
|
|
|
<p class="title1">专业目标</p> |
|
|
|
<p class="title1">专业目标</p> |
|
|
|
<p class="title2">全面落实立德树人根本任务,CDIO工程教育理念</p> |
|
|
|
<p class="title2">全面落实立德树人根本任务,CDIO工程教育理念</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img src="./assets/Group04.png" /> |
|
|
|
<img src="./assets/Group04.png"/> |
|
|
|
<div class="title"> |
|
|
|
<div class="title"> |
|
|
|
<p class="title1">毕业要求</p> |
|
|
|
<p class="title1">毕业要求</p> |
|
|
|
<p class="title2">适应产业与社会变革的国际化应用型人才应具备的能力</p> |
|
|
|
<p class="title2">适应产业与社会变革的国际化应用型人才应具备的能力</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img src="./assets/Group03.png" /> |
|
|
|
<img src="./assets/Group03.png"/> |
|
|
|
<Footer></Footer> |
|
|
|
<Footer></Footer> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -51,7 +51,7 @@ import {getAction} from "../../api/manage"; |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "home", |
|
|
|
name: "home", |
|
|
|
components: { Header, Footer }, |
|
|
|
components: {Header, Footer}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
trendsList: [ |
|
|
|
trendsList: [ |
|
|
@ -71,20 +71,20 @@ export default { |
|
|
|
date: "2023.01.11", |
|
|
|
date: "2023.01.11", |
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
], |
|
|
|
obj:{}, |
|
|
|
obj: {}, |
|
|
|
url:{ |
|
|
|
url: { |
|
|
|
list:"/cms/front/getColumnList", |
|
|
|
list: "/cms/front/getColumnList", |
|
|
|
detail:"/cms/front/getArticleListByColumn" |
|
|
|
detail: "/cms/front/getArticleListByColumn" |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
getAction(this.url.list).then((res) => { |
|
|
|
getAction(this.url.list).then((res) => { |
|
|
|
this.obj =res.result[0] |
|
|
|
this.obj = res.result[0] |
|
|
|
getAction(this.url.detail,{columnId:this.obj.id}).then((res) => { |
|
|
|
getAction(this.url.detail, {columnId: this.obj.id}).then((res) => { |
|
|
|
this.trendsList = res.result.records |
|
|
|
this.trendsList = res.result.records |
|
|
|
} |
|
|
|
} |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
), |
|
|
|
), |
|
|
|
this.playBySeconds(6)//从第六秒开始 |
|
|
|
this.playBySeconds(6)//从第六秒开始 |
|
|
@ -92,9 +92,9 @@ export default { |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
|
|
|
|
//设置播放点,续播 |
|
|
|
//设置播放点,续播 |
|
|
|
playBySeconds (num) { |
|
|
|
playBySeconds(num) { |
|
|
|
if (num && document.getElementById ('videoPlayer')) { |
|
|
|
if (num && document.getElementById('videoPlayer')) { |
|
|
|
let myVideo = document.getElementById ('videoPlayer'); |
|
|
|
let myVideo = document.getElementById('videoPlayer'); |
|
|
|
myVideo.currentTime = num; |
|
|
|
myVideo.currentTime = num; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
@ -117,24 +117,29 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less"> |
|
|
|
<style scoped lang="less"> |
|
|
|
@import "./assets/reset.css"; |
|
|
|
@import "./assets/reset.css"; |
|
|
|
|
|
|
|
|
|
|
|
.home { |
|
|
|
.home { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.header { |
|
|
|
.header { |
|
|
|
background: #2080f7; |
|
|
|
background: #2080f7; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.main { |
|
|
|
.main { |
|
|
|
width: 1620px; |
|
|
|
width: 1620px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
margin-top: -250px; |
|
|
|
margin-top: -250px; |
|
|
|
z-index: 99; |
|
|
|
z-index: 99; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
.img { |
|
|
|
.img { |
|
|
|
width: 1073px; |
|
|
|
width: 1073px; |
|
|
|
height: 547px; |
|
|
|
height: 547px; |
|
|
|
/*background: #d9d9d9;*/ |
|
|
|
/*background: #d9d9d9;*/ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.lanmu { |
|
|
|
.lanmu { |
|
|
|
width: 519px; |
|
|
|
width: 519px; |
|
|
|
height: 547px; |
|
|
|
height: 547px; |
|
|
@ -143,14 +148,17 @@ export default { |
|
|
|
box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08); |
|
|
|
box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08); |
|
|
|
border-radius: 4px 4px 4px 4px; |
|
|
|
border-radius: 4px 4px 4px 4px; |
|
|
|
padding: 50px; |
|
|
|
padding: 50px; |
|
|
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
.title { |
|
|
|
border-bottom: 1px solid #d9d9d9; |
|
|
|
border-bottom: 1px solid #d9d9d9; |
|
|
|
|
|
|
|
|
|
|
|
.l { |
|
|
|
.l { |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
|
color: #000000; |
|
|
|
color: #000000; |
|
|
|
border-bottom: 4px solid #000; |
|
|
|
border-bottom: 4px solid #000; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.r { |
|
|
|
.r { |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
@ -158,17 +166,23 @@ export default { |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.itemList { |
|
|
|
.itemList { |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
|
|
|
|
|
|
|
|
|
.item { |
|
|
|
.item { |
|
|
|
padding: 6px; |
|
|
|
padding: 6px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
|
|
.name { |
|
|
|
.name { |
|
|
|
width: 70%; |
|
|
|
width: 70%; |
|
|
|
color: #555555; |
|
|
|
color: #555555; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
overflow: hidden;text-overflow: ellipsis;white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.time { |
|
|
|
.time { |
|
|
|
width: 30%; |
|
|
|
width: 30%; |
|
|
|
color: #cccccc; |
|
|
|
color: #cccccc; |
|
|
@ -178,14 +192,17 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
.title { |
|
|
|
margin-top: 20px; |
|
|
|
margin-top: 20px; |
|
|
|
|
|
|
|
|
|
|
|
.title1 { |
|
|
|
.title1 { |
|
|
|
font-size: 42px; |
|
|
|
font-size: 42px; |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
color: #333333; |
|
|
|
color: #333333; |
|
|
|
margin-bottom: 20px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.title2 { |
|
|
|
.title2 { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|