<template>
  <div  class="go-title-xuncha">
    <img class="img" src="@/assets/images/chart/xunchaguiji/back.png" />
    <span class="span">返回</span>
  </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 {
  textColor,
  textSize,
} = toRefs(props.chartConfig.option)
</script>

<style lang="scss" scoped>
@include go('title-xuncha') {
  position: relative;
  display: flex;
  align-items: center; 
  .img{
    width: 43px;
    height: 43px;
  }
  .span{
    margin-left: 10px;
    color: v-bind('textColor');
    font-size: v-bind('textSize + "px"');
  }
}
</style>
