by @leisure Skip to content

lineText

线性文字

  • svg动画更流畅
  • 支持线条和填充的自定义颜色

基础用法

hello LK
<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;
}

属性

属性是否必填默认值说明
textstring''展示的文本
fillColorstring'#488acc'展示文本底色的填充色
strokeColorstringfalse展示文本的边框色

插槽

插槽名是否必填默认值说明

鄂ICP备2024065629号-1     📮联系邮箱:570337910@qq.com