首页视频文件 删除

master
zhc077 2 years ago
parent a6da22daae
commit a66b4724a6
  1. 61
      ant-design-vue-jeecg/src/views/cms/home.vue

@ -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;

Loading…
Cancel
Save