47 lines
853 B
Vue
47 lines
853 B
Vue
<template>
|
|
<div class="go-title-03">
|
|
<img :width="w" :height="h" src="/src/assets/images/chart/units/right1icon.png" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { PropType, toRefs } from 'vue'
|
|
import { CreateComponentType } from '@/packages/index.d'
|
|
|
|
const props = defineProps({
|
|
chartConfig: {
|
|
type: Object as PropType<CreateComponentType>,
|
|
required: true
|
|
}
|
|
})
|
|
|
|
const { w, h } = toRefs(props.chartConfig.attr)
|
|
const {
|
|
colors,
|
|
boxId
|
|
} = toRefs(props.chartConfig.option)
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@include go('title-03') {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
svg {
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
.fill {
|
|
fill: v-bind('colors[0]');
|
|
}
|
|
.fill-none {
|
|
fill: none;
|
|
}
|
|
.stroke {
|
|
stroke: v-bind('colors[1]');
|
|
}
|
|
}
|
|
</style>
|