Merge remote-tracking branch 'origin/master'

master
1654135867@qq.com 2 years ago
commit 7b8a6d31ef
  1. 61
      ant-design-vue-jeecg/src/views/cms/home.vue

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

Loading…
Cancel
Save