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

优化分享朋友弹窗

Browse Source
This commit is contained in:
zyronon 2021-09-17 18:00:51 +08:00
parent ef3d3ffe10
commit 65e758a09c
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/dialog/FromBottomDialog.vue
View File

@ -166,9 +166,11 @@ export default {
},
end(e) {
if (!this.touchMoved) return;
//点击
if (Date.now() - this.startTime < 150) return
//点击
if (Date.now() - this.startTime < 150 && Math.abs(this.moveYDistance) < 30) {
return
}
//滑动
if (this.$refs.dialog.scrollTop !== 0) return
@ -184,6 +186,7 @@ export default {
// this.$setCss(this.$refs.dialog, 'transition-duration', `0ms`)
}, 300)
}
this.moveYDistance = 0
}
}
}

9
src/pages/home/components/ShareToFriend.vue
View File

@ -18,7 +18,7 @@
<div class="friend-list" v-if="searchResult.length">
<div class="friend-item" v-for="item in searchResult"
@click="item.select = !item.select;searchKey = ''">
<img class="left" :src="$imgPreview(item.avatar)" alt="">
<img class="left" v-lazy="$imgPreview(item.avatar)" alt="">
<div class="right">
<div class="info">
<span class="name">
@ -56,7 +56,7 @@
<div class="friend-list">
<div class="index">所有朋友</div>
<div class="friend-item" v-for="item in localFriends">
<img class="left" :src="$imgPreview(item.avatar)" alt="">
<img class="left" v-lazy="$imgPreview(item.avatar)" alt="">
<div class="right">
<span>{{ item.name }}</span>
<b-button :type="item.shared?'dark':'primary'" @click="item.shared = true">
@ -76,7 +76,7 @@
<div class="chat-list">
<div class="chat-item" v-for="item in localFriends">
<img class="left" :src="$imgPreview(item.avatar)" alt="">
<img class="left" v-lazy="$imgPreview(item.avatar)" alt="">
<div class="right">
<div class="title">
<div class="name">{{ text }}</div>
@ -126,7 +126,8 @@ export default {
if (newVal) {
let temp = this.$clone(this.localFriends)
this.searchResult = temp.filter(v => {
return v.name.includes(newVal) || v.account.includes(newVal);
// return v.name.includes(newVal) || v.account.includes(newVal);
return v.name.includes(newVal);
})
} else {
this.searchResult = []