メモリリークを承知でいくつかの重要な部分のアニメーションを有効化
This commit is contained in:
		
							parent
							
								
									17cc5a9b95
								
							
						
					
					
						commit
						6843019481
					
				|  | @ -10,8 +10,7 @@ | ||||||
| 	</div> | 	</div> | ||||||
| 
 | 
 | ||||||
| 	<!-- トランジションを有効にするとなぜかメモリリークする --> | 	<!-- トランジションを有効にするとなぜかメモリリークする --> | ||||||
| 	<!--<transition-group name="mk-notes" class="transition">--> | 	<transition-group name="mk-notes" class="notes transition" tag="div"> | ||||||
| 	<div class="notes"> |  | ||||||
| 		<template v-for="(note, i) in _notes"> | 		<template v-for="(note, i) in _notes"> | ||||||
| 			<x-note :note="note" :key="note.id" @update:note="onNoteUpdated(i, $event)"/> | 			<x-note :note="note" :key="note.id" @update:note="onNoteUpdated(i, $event)"/> | ||||||
| 			<p class="date" :key="note.id + '_date'" v-if="i != notes.length - 1 && note._date != _notes[i + 1]._date"> | 			<p class="date" :key="note.id + '_date'" v-if="i != notes.length - 1 && note._date != _notes[i + 1]._date"> | ||||||
|  | @ -19,8 +18,7 @@ | ||||||
| 				<span>%fa:angle-down%{{ _notes[i + 1]._datetext }}</span> | 				<span>%fa:angle-down%{{ _notes[i + 1]._datetext }}</span> | ||||||
| 			</p> | 			</p> | ||||||
| 		</template> | 		</template> | ||||||
| 	</div> | 	</transition-group> | ||||||
| 	<!--</transition-group>--> |  | ||||||
| 
 | 
 | ||||||
| 	<footer v-if="more"> | 	<footer v-if="more"> | ||||||
| 		<button @click="loadMore" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }"> | 		<button @click="loadMore" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }"> | ||||||
|  |  | ||||||
|  | @ -2,8 +2,7 @@ | ||||||
| <div class="mk-notifications"> | <div class="mk-notifications"> | ||||||
| 	<div class="notifications" v-if="notifications.length != 0"> | 	<div class="notifications" v-if="notifications.length != 0"> | ||||||
| 		<!-- トランジションを有効にするとなぜかメモリリークする --> | 		<!-- トランジションを有効にするとなぜかメモリリークする --> | ||||||
| 		<!-- <transition-group name="mk-notifications" class="transition"> --> | 		<transition-group name="mk-notifications" class="transition" tag="div"> | ||||||
| 		<div> |  | ||||||
| 			<template v-for="(notification, i) in _notifications"> | 			<template v-for="(notification, i) in _notifications"> | ||||||
| 				<div class="notification" :class="notification.type" :key="notification.id"> | 				<div class="notification" :class="notification.type" :key="notification.id"> | ||||||
| 					<mk-time :time="notification.createdAt"/> | 					<mk-time :time="notification.createdAt"/> | ||||||
|  | @ -97,8 +96,7 @@ | ||||||
| 					<span>%fa:angle-down%{{ _notifications[i + 1]._datetext }}</span> | 					<span>%fa:angle-down%{{ _notifications[i + 1]._datetext }}</span> | ||||||
| 				</p> | 				</p> | ||||||
| 			</template> | 			</template> | ||||||
| 		</div> | 		</transition-group> | ||||||
| 		<!-- </transition-group> --> |  | ||||||
| 	</div> | 	</div> | ||||||
| 	<button class="more" :class="{ fetching: fetchingMoreNotifications }" v-if="moreNotifications" @click="fetchMoreNotifications" :disabled="fetchingMoreNotifications"> | 	<button class="more" :class="{ fetching: fetchingMoreNotifications }" v-if="moreNotifications" @click="fetchMoreNotifications" :disabled="fetchingMoreNotifications"> | ||||||
| 		<template v-if="fetchingMoreNotifications">%fa:spinner .pulse .fw%</template>{{ fetchingMoreNotifications ? '%i18n:common.loading%' : '%i18n:@more%' }} | 		<template v-if="fetchingMoreNotifications">%fa:spinner .pulse .fw%</template>{{ fetchingMoreNotifications ? '%i18n:common.loading%' : '%i18n:@more%' }} | ||||||
|  |  | ||||||
|  | @ -14,8 +14,7 @@ | ||||||
| 	</div> | 	</div> | ||||||
| 
 | 
 | ||||||
| 	<!-- トランジションを有効にするとなぜかメモリリークする --> | 	<!-- トランジションを有効にするとなぜかメモリリークする --> | ||||||
| 	<!-- <transition-group name="mk-notes" class="transition"> --> | 	<transition-group name="mk-notes" class="transition" tag="div"> | ||||||
| 	<div class="transition"> |  | ||||||
| 		<template v-for="(note, i) in _notes"> | 		<template v-for="(note, i) in _notes"> | ||||||
| 			<mk-note :note="note" :key="note.id" @update:note="onNoteUpdated(i, $event)"/> | 			<mk-note :note="note" :key="note.id" @update:note="onNoteUpdated(i, $event)"/> | ||||||
| 			<p class="date" :key="note.id + '_date'" v-if="i != notes.length - 1 && note._date != _notes[i + 1]._date"> | 			<p class="date" :key="note.id + '_date'" v-if="i != notes.length - 1 && note._date != _notes[i + 1]._date"> | ||||||
|  | @ -23,8 +22,7 @@ | ||||||
| 				<span>%fa:angle-down%{{ _notes[i + 1]._datetext }}</span> | 				<span>%fa:angle-down%{{ _notes[i + 1]._datetext }}</span> | ||||||
| 			</p> | 			</p> | ||||||
| 		</template> | 		</template> | ||||||
| 	</div> | 	</transition-group> | ||||||
| 	<!-- </transition-group> --> |  | ||||||
| 
 | 
 | ||||||
| 	<footer v-if="more"> | 	<footer v-if="more"> | ||||||
| 		<button @click="loadMore" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }"> | 		<button @click="loadMore" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }"> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue