Browse Source

优化分享朋友弹窗

pull/19/head
zyronon 4 years ago
parent
commit
65e758a09c
  1. 7
      src/components/dialog/FromBottomDialog.vue
  2. 9
      src/pages/home/components/ShareToFriend.vue

7
src/components/dialog/FromBottomDialog.vue

@ -166,9 +166,11 @@ export default { @@ -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 { @@ -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

@ -18,7 +18,7 @@ @@ -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 @@ @@ -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 @@ @@ -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 { @@ -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 = []

Loading…
Cancel
Save