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) { end(e) {
if (!this.touchMoved) return; 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 if (this.$refs.dialog.scrollTop !== 0) return
@ -184,6 +186,7 @@ export default {
// this.$setCss(this.$refs.dialog, 'transition-duration', `0ms`) // this.$setCss(this.$refs.dialog, 'transition-duration', `0ms`)
}, 300) }, 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-list" v-if="searchResult.length">
<div class="friend-item" v-for="item in searchResult" <div class="friend-item" v-for="item in searchResult"
@click="item.select = !item.select;searchKey = ''"> @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="right">
<div class="info"> <div class="info">
<span class="name"> <span class="name">
@ -56,7 +56,7 @@
<div class="friend-list"> <div class="friend-list">
<div class="index">所有朋友</div> <div class="index">所有朋友</div>
<div class="friend-item" v-for="item in localFriends"> <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"> <div class="right">
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
<b-button :type="item.shared?'dark':'primary'" @click="item.shared = true"> <b-button :type="item.shared?'dark':'primary'" @click="item.shared = true">
@ -76,7 +76,7 @@
<div class="chat-list"> <div class="chat-list">
<div class="chat-item" v-for="item in localFriends"> <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="right">
<div class="title"> <div class="title">
<div class="name">{{ text }}</div> <div class="name">{{ text }}</div>
@ -126,7 +126,8 @@ export default {
if (newVal) { if (newVal) {
let temp = this.$clone(this.localFriends) let temp = this.$clone(this.localFriends)
this.searchResult = temp.filter(v => { 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 { } else {
this.searchResult = [] this.searchResult = []