多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

87 lines
1.9 KiB

<template>
<v-menu bottom offset-y>
<template #activator="{on}">
<transition name="announcement">
<v-btn
v-if="!loading"
text
small
class="mb-0 mr-2 py-0 "
v-on="on"
>
Announcement
<v-icon small>
mdi-menu-down
</v-icon>
</v-btn>
</transition>
</template>
<v-list dense>
<v-list-item dense>
<span class="message">
Starting from v0.90, <br/>
our API will undergo changes <br/>
and we are discontinuing GraphQL
</span>
</v-list-item>
<v-list-item dense href="https://github.com/nocodb/nocodb/issues/1564" target="_blank">
<v-icon small class="mr-2">
mdi-script-text-outline
</v-icon>
<span class="caption">
API Changes in v0.90.0
</span>
</v-list-item>
<!-- <v-list-item dense href="#" target="_blank">
<v-icon small class="mr-2">
mdi-rocket-launch-outline
</v-icon>
<span class="caption">
Migration Guide
</span>
</v-list-item> -->
<v-list-item @click="announcementAlert = false">
<v-icon small class="mr-2">
mdi-close
</v-icon>
<span class="caption">
<!--Hide menu-->
{{ $t('general.hideMenu') }}
</span>
</v-list-item>
</v-list>
</v-menu>
</template>
<script>
export default {
name: 'ImportantAnnouncement',
data: () => ({
loading: true
}),
computed: {
},
mounted() {
setTimeout(() => {
this.loading = false
}, 1000)
}
}
</script>
<style scoped>
.announcement-enter-active, .announcement-leave-active {
transition: opacity .5s;
}
.announcement-enter, .announcement-leave-to {
opacity: 0;
}
.message {
font-size: 0.80rem !important;
font-weight: bold;
margin: 10px;
}
</style>