|
@ -12,7 +12,12 @@ |
|
|
<!-- toggle --> |
|
|
<!-- toggle --> |
|
|
<div class="relative ml-2"> |
|
|
<div class="relative ml-2"> |
|
|
<!-- input --> |
|
|
<!-- input --> |
|
|
<input type="checkbox" name="" class="sr-only" /> |
|
|
<input |
|
|
|
|
|
type="checkbox" |
|
|
|
|
|
v-model="isFromMyContacts" |
|
|
|
|
|
name="toggleFilterFromMyContacts" |
|
|
|
|
|
class="sr-only" |
|
|
|
|
|
/> |
|
|
<!-- line --> |
|
|
<!-- line --> |
|
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> |
|
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> |
|
|
<!-- dot --> |
|
|
<!-- dot --> |
|
@ -28,7 +33,12 @@ |
|
|
<!-- toggle --> |
|
|
<!-- toggle --> |
|
|
<div class="relative ml-2"> |
|
|
<div class="relative ml-2"> |
|
|
<!-- input --> |
|
|
<!-- input --> |
|
|
<input type="checkbox" name="" class="sr-only" /> |
|
|
<input |
|
|
|
|
|
type="checkbox" |
|
|
|
|
|
v-model="isNearby" |
|
|
|
|
|
name="toggleFilterNearby" |
|
|
|
|
|
class="sr-only" |
|
|
|
|
|
/> |
|
|
<!-- line --> |
|
|
<!-- line --> |
|
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> |
|
|
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div> |
|
|
<!-- dot --> |
|
|
<!-- dot --> |
|
@ -81,6 +91,8 @@ import { |
|
|
}) |
|
|
}) |
|
|
export default class FeedFilters extends Vue { |
|
|
export default class FeedFilters extends Vue { |
|
|
visible = false; |
|
|
visible = false; |
|
|
|
|
|
isFromMyContacts = false; |
|
|
|
|
|
isNearby = false; |
|
|
|
|
|
|
|
|
async open() { |
|
|
async open() { |
|
|
this.visible = true; |
|
|
this.visible = true; |
|
|