31 lines
611 B
Vue
31 lines
611 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<q-banner
|
||
|
|
inline-actions
|
||
|
|
rounded
|
||
|
|
dense
|
||
|
|
:class="bgcolor + ` cursor-pointer q-my-sm ` + clcolor + ` `"
|
||
|
|
style="text-align: center"
|
||
|
|
>
|
||
|
|
<template v-slot:avatar>
|
||
|
|
<q-icon v-if="icon" :name="icon" color="white" />
|
||
|
|
</template>
|
||
|
|
<span :class="`mybanner `">{{
|
||
|
|
title
|
||
|
|
}}</span>
|
||
|
|
</q-banner>
|
||
|
|
|
||
|
|
<q-slide-transition>
|
||
|
|
<div>
|
||
|
|
<slot></slot>
|
||
|
|
</div>
|
||
|
|
</q-slide-transition>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" src="./CTitleSec.ts">
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import './CTitleSec.scss';
|
||
|
|
</style>
|