Browse Source

修bug

pull/19/head
zyronon 6 years ago
parent
commit
7062d49651
  1. 12
      src/components/attention/Attention.vue
  2. 7
      src/components/user/Me.vue

12
src/components/attention/Attention.vue

@ -1,7 +1,7 @@ @@ -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 @@ @@ -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 @@ @@ -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 @@ @@ -160,7 +156,7 @@
}
.location {
display: flex;
justify-content: start;
justify-content: flex-start;
align-items: center;
height: 20px;
img {
@ -175,7 +171,7 @@ @@ -175,7 +171,7 @@
height: 100%;
display: flex;
width: 25%;
justify-content: start;
justify-content: flex-start;
align-items: center;
float: left;
img{

7
src/components/user/Me.vue

@ -4,7 +4,7 @@ @@ -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 @@ @@ -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 @@ @@ -108,7 +108,6 @@
}
},
created() {
self = this;
this.height = document.body.clientHeight;
this.width = document.body.clientWidth;
},
@ -126,7 +125,7 @@ @@ -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…
Cancel
Save