surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Bot Telegram ...

Browse Source
This commit is contained in:
Paolo Arena
2020-01-03 22:03:59 +01:00
parent 7b64358016
commit 9b9dcbfde1
10 changed files with 84 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/CTitleBanner/CTitleBanner.vue
View File

@@ -1,32 +1,34 @@
<template>
<div>
<q-banner
inline-actions
rounded dense
:class="bgcolor+` q-my-md `+clcolor+ ` ` + myclass"
style="text-align: center; "
@click="myvisible = !myvisible"
>
<template v-slot:avatar>
<q-icon v-if="canopen" :name="icon" color="white" />
</template>
<template v-slot:action>
<q-icon v-if="canopen" :name="iconopen" color="white" />
</template>
<span :class="`mybanner `+ myclasstext" :style="mystyle">{{title}}</span>
</q-banner>
<div>
<q-banner
inline-actions
rounded dense
:class="bgcolor+` q-my-sm `+clcolor+ ` ` + myclass"
style="text-align: center; "
@click="myvisible = !myvisible"
>
<template v-slot:avatar>
<q-icon v-if="canopen" :name="icon" color="white"/>
</template>
<template v-slot:action>
<div class="cursor-pointer">
<q-icon v-if="canopen" :name="iconopen" color="white"/>
</div>
</template>
<span :class="`mybanner `+ myclasstext" :style="mystyle">{{title}}</span>
</q-banner>
<q-slide-transition>
<div v-show="myvisible">
<slot></slot>
</div>
</q-slide-transition>
<q-slide-transition>
<div v-show="myvisible">
<slot></slot>
</div>
</q-slide-transition>
</div>
</div>
</template>
<script lang="ts" src="./CTitleBanner.ts">
</script>
<style lang="scss" scoped>
@import './CTitleBanner.scss';
@import './CTitleBanner.scss';
</style>