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

'dubug'

Browse Source
This commit is contained in:
zyronon 2018-10-23 10:50:51 +08:00
parent 3a7b742362
commit f6de6ccdf6
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -6,7 +6,7 @@
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build",
"lint": "vue-cli-service lint", "lint": "vue-cli-service lint",
"push": "git add ./ & git commit -m 'dubug' & git push origin master" "push": "git add ./ && git commit -m 'dubug'"
}, },
"dependencies": { "dependencies": {
"vue": "^2.5.17", "vue": "^2.5.17",

22
src/components/home/Home.vue
View File

@ -142,6 +142,10 @@
// autoHeight: true, //高度随内容变化 // autoHeight: true, //高度随内容变化
on: { on: {
slideChange() { slideChange() {
self.isCommenting = false;
self.isSharing = false;
let dateLength = self.data.length; let dateLength = self.data.length;
let index = this.activeIndex; let index = this.activeIndex;
console.log(index); console.log(index);
@ -182,8 +186,8 @@
touchStart(event) { touchStart(event) {
// console.log(); // console.log();
// event.stopPropagation(); // event.stopPropagation();
self.isCommenting = false; // self.isCommenting = false;
self.isSharing = false; // self.isSharing = false;
} }
}, },
@ -192,6 +196,10 @@
}, },
methods: { methods: {
togglePlayVideo(e) { togglePlayVideo(e) {
console.log('1');
console.log(this.isCommenting)
console.log(this.isSharing);
// return;
if (this.isSharing) { if (this.isSharing) {
this.isSharing = false; this.isSharing = false;
return; return;
@ -221,21 +229,21 @@
}, },
showComment() { showComment() {
this.isCommenting = !this.isCommenting; this.isCommenting = !this.isCommenting;
setTimeout(()=>{ setTimeout(() => {
let comment = this.$refs.comment.$el; let comment = this.$refs.comment.$el;
this.commentHeight = comment.offsetHeight; this.commentHeight = comment.offsetHeight;
console.log(this.commentHeight); console.log(this.commentHeight);
console.log(this.height); console.log(this.height);
},50); }, 50);
}, },
showShare() { showShare() {
this.isSharing = !this.isSharing; this.isSharing = !this.isSharing;
setTimeout(()=>{ setTimeout(() => {
let share = this.$refs.share.$el; let share = this.$refs.share.$el;
this.shareHeight = share.offsetHeight; this.shareHeight = share.offsetHeight;
console.log(this.shareHeight); console.log(this.shareHeight);
console.log(this.height); console.log(this.height);
},50); }, 50);
}, },
loved(e, index) { loved(e, index) {
let img = e.target.parentNode.childNodes[0]; let img = e.target.parentNode.childNodes[0];
@ -255,7 +263,7 @@
window.scrollTo(0, 0); window.scrollTo(0, 0);
let other = this.$refs.other.$el; let other = this.$refs.other.$el;
let footer = this.$refs.footer.$el; let footer = this.$refs.footer.$el;
let share = this.$refs.share.$el; // let share = this.$refs.share.$el;
this.otherUserHeight = other.offsetHeight; this.otherUserHeight = other.offsetHeight;
if (this.otherUserHeight < this.height) { if (this.otherUserHeight < this.height) {
this.otherUserHeight = this.height; this.otherUserHeight = this.height;