- Fare LISTA MOVIMENTI più comprensibile

- Grafica Circuiti

src/components/CTitleBanner/CTitleBanner.ts

@@ -1,4 +1,5 @@
-import { defineComponent, ref } from 'vue'
+import { defineComponent, onMounted, ref } from 'vue'
+import { tools } from '@src/store/Modules/tools'
 
 export default defineComponent({
   name: 'CTitleBanner',
@@ -12,6 +13,16 @@ export default defineComponent({
       required: false,
       default: 'bg-primary',
     },
+    bgcolor2: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    bgcolor3: {
+      type: String,
+      required: false,
+      default: '',
+    },
     clcolor: {
       type: String,
       required: false,
@@ -56,12 +67,18 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false,
-    }
+    },
+    small: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   components: {},
   emits: ['apri'],
   setup(props, { emit }) {
     const myvisible = ref(false)
+    const gradient = ref('')
 
     function created() {
       myvisible.value = props.visible
@@ -89,13 +106,21 @@ export default defineComponent({
         return 'nonvisibile glossy'
     }
 
+    function mounted() {
+          
+      gradient.value = tools.getGradientByColors(props.bgcolor, props.bgcolor2, props.bgcolor3)
+    }
+
     created()
 
+    onMounted(mounted)
+
     return {
       myvisible,
       iconopen,
       apri,
       getclass,
+      gradient,
     }
   },
 })