修bug
This commit is contained in:
parent
a6c5fcefa8
commit
7062d49651
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div id="attention" >
|
||||
<div class="items p10p">
|
||||
<div class="item mb20p pb20p" v-for="item of items">
|
||||
<div class="item mb20p pb20p" v-for="(item,index) of items" :key="index" >
|
||||
<div class="header mb10p">
|
||||
<img src="../../assets/img/icon/head-image.jpeg" alt="">
|
||||
<span class="ml5p">TTentau</span>
|
||||
@ -87,14 +87,10 @@
|
||||
}
|
||||
},
|
||||
created() {
|
||||
self = this;
|
||||
this.height = document.body.clientHeight;
|
||||
this.width = document.body.clientWidth;
|
||||
},
|
||||
mounted() {
|
||||
// let footer = this.$refs.footer.$el;
|
||||
// this.footerHeight = footer.offsetHeight;
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -112,7 +108,7 @@
|
||||
border-bottom: 1px solid #494950;
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
img {
|
||||
width: 40px;
|
||||
@ -160,7 +156,7 @@
|
||||
}
|
||||
.location {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
img {
|
||||
@ -175,7 +171,7 @@
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 25%;
|
||||
justify-content: start;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
float: left;
|
||||
img{
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<!--<div class="header" v-bind:style="{height:height/2+'px'}">-->
|
||||
<div class="header">
|
||||
<div class="top pt20p pl10p pr10p">
|
||||
<img src="../../assets/img/icon/next.svg" alt="">
|
||||
<img src="../../assets/img/icon/next.svg" alt="" class="d-none">
|
||||
<img src="../../assets/img/icon/more.svg" alt="">
|
||||
</div>
|
||||
<div class="bottom">
|
||||
@ -78,7 +78,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content oh">
|
||||
<div class="video-container" v-for="item of videos" v-bind:style="{'height':width/3*1.2+'px'}">
|
||||
<div class="video-container" v-for="(item,index) of videos" :key="index" v-bind:style="{'height':width/3*1.2+'px'}">
|
||||
<video src="../../assets/video/吴三二的光年之外.mp4" poster="../../assets/img/poster/src1-bg.png"></video>
|
||||
<div class="love">
|
||||
<img src="../../assets/img/icon/love.svg" alt="">
|
||||
@ -108,7 +108,6 @@
|
||||
}
|
||||
},
|
||||
created() {
|
||||
self = this;
|
||||
this.height = document.body.clientHeight;
|
||||
this.width = document.body.clientWidth;
|
||||
},
|
||||
@ -126,7 +125,7 @@
|
||||
/*height: 30%;*/
|
||||
height: 100px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-end;
|
||||
background: url("../../assets/img/icon/top-bg.jpg");
|
||||
img {
|
||||
border-radius: 50%;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user