MoeJue/douyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修bug

Browse Source
This commit is contained in:
zyronon 2019-05-20 01:11:35 +08:00
parent a6c5fcefa8
commit 7062d49651
2 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/attention/Attention.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div id="attention" > <div id="attention" >
<div class="items p10p"> <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"> <div class="header mb10p">
<img src="../../assets/img/icon/head-image.jpeg" alt=""> <img src="../../assets/img/icon/head-image.jpeg" alt="">
<span class="ml5p">TTentau</span> <span class="ml5p">TTentau</span>
@ -87,14 +87,10 @@
} }
}, },
created() { created() {
self = this;
this.height = document.body.clientHeight; this.height = document.body.clientHeight;
this.width = document.body.clientWidth; this.width = document.body.clientWidth;
}, },
mounted() { mounted() {
// let footer = this.$refs.footer.$el;
// this.footerHeight = footer.offsetHeight;
} }
} }
</script> </script>
@ -112,7 +108,7 @@
border-bottom: 1px solid #494950; border-bottom: 1px solid #494950;
.header { .header {
display: flex; display: flex;
justify-content: start; justify-content: flex-start;
align-items: center; align-items: center;
img { img {
width: 40px; width: 40px;
@ -160,7 +156,7 @@
} }
.location { .location {
display: flex; display: flex;
justify-content: start; justify-content: flex-start;
align-items: center; align-items: center;
height: 20px; height: 20px;
img { img {
@ -175,7 +171,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
width: 25%; width: 25%;
justify-content: start; justify-content: flex-start;
align-items: center; align-items: center;
float: left; float: left;
img{ img{

7
src/components/user/Me.vue
View File

@ -4,7 +4,7 @@
<!--<div class="header" v-bind:style="{height:height/2+'px'}">--> <!--<div class="header" v-bind:style="{height:height/2+'px'}">-->
<div class="header"> <div class="header">
<div class="top pt20p pl10p pr10p"> <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=""> <img src="../../assets/img/icon/more.svg" alt="">
</div> </div>
<div class="bottom"> <div class="bottom">
@ -78,7 +78,7 @@
</div> </div>
</div> </div>
<div class="content oh"> <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> <video src="../../assets/video/吴三二的光年之外.mp4" poster="../../assets/img/poster/src1-bg.png"></video>
<div class="love"> <div class="love">
<img src="../../assets/img/icon/love.svg" alt=""> <img src="../../assets/img/icon/love.svg" alt="">
@ -108,7 +108,6 @@
} }
}, },
created() { created() {
self = this;
this.height = document.body.clientHeight; this.height = document.body.clientHeight;
this.width = document.body.clientWidth; this.width = document.body.clientWidth;
}, },
@ -126,7 +125,7 @@
/*height: 30%;*/ /*height: 30%;*/
height: 100px; height: 100px;
display: flex; display: flex;
justify-content: space-between; justify-content: flex-end;
background: url("../../assets/img/icon/top-bg.jpg"); background: url("../../assets/img/icon/top-bg.jpg");
img { img {
border-radius: 50%; border-radius: 50%;