lineText
线性文字
- svg
动画更流畅 - 支持线条和填充的
自定义颜色
基础用法
<template>
<adv-lineText
text="hello LK"
fillColor="#488acc"
strokeColor="#365fa0"
style="font-size: 55px"
></adv-lineText>
</template>
<script setup lang="ts">
import { onMounted, ref } from 'vue';
onMounted(() => {});
</script>
<style scoped></style>模型接口
ts
interface PropsI {
text: string;
fillColor?: string;
strokeColor?: string;
}属性
| 属性 | 值 | 是否必填 | 默认值 | 说明 |
|---|---|---|---|---|
| text | string | 是 | '' | 展示的文本 |
| fillColor | string | 否 | '#488acc' | 展示文本底色的填充色 |
| strokeColor | string | 否 | false | 展示文本的边框色 |
插槽
| 插槽名 | 是否必填 | 默认值 | 说明 |
|---|