<script setup lang="ts">
import { ElSpace, ElRow, ElCol } from 'element-plus';
import '@/styles/tabs.scss'
import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
const span = 12
</script>

<template>
    <el-row>
        <el-col :span="span">
            <pre>
{{ `import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
<template>
    <color-prefix-title>科技领域</color-prefix-title>
    <color-prefix-title color="var(--color-yellow-100)">科技领域</color-prefix-title>
    <color-prefix-title color="red">科技领域</color-prefix-title>
</template>
`}}
</pre>
            <el-space direction="vertical">
                <color-prefix-title>科技领域</color-prefix-title>
                <color-prefix-title color="var(--color-yellow-100)">科技领域</color-prefix-title>
                <color-prefix-title color="red">科技领域</color-prefix-title>
            </el-space>
        </el-col>
    </el-row>
</template>

<style lang="scss" scoped></style>