更新记录

0.0.2（2024-03-03） 下载此版本

取消了scss文件关联， 修复了scss变量报错

0.0.1（2024-02-20） 下载此版本

• 插件基本完成(目前只测了h5、微信小程序)
• 提供canvas动画(会有描边问题)、纯css动画、纯文字读秒功能
• 支持定义动画时间，是否展示欢迎图片，以及四种表现效果
• 如果有图片的话会在图片onload里开始计时，不会跳帧
• ps: 第一次发插件，请多包涵

平台兼容性

l-welcome 倒计时欢迎页

0.0.2 (2024-03-03)

• 取消了scss文件关联， 修复了scss变量报错

0.0.1（2024-02-20）

• 插件基本完成(目前只测了h5、微信小程序)
• 提供canvas动画(会有描边问题)、纯css动画、纯文字读秒功能
• 支持定义动画时间，是否展示欢迎图片，以及四种表现效果
• 如果有图片的话会在图片onload里开始计时，不会跳帧
• ps: 第一次发插件，请多包涵

用法

<!-- 
  normal / circle / circle-card / circle-card-1
-->
  <l-welcome
    duration="3000"
    type="circle-card-1"
    color="#fff"
    width="100"
    :position="{
      top: btnTop + 'px',
      right: '5px',
    }"
    :top="btnTop"
    border-width="6"
    v-if="initImg"
    :banner="initImg"
    @on-finish="doSkip"
  >
    <template #text="{ scope }">
      跳过
      <br />
      {{ scope }}s
    </template>
    <!-- :banner="initImg" -->
  </l-welcome>

props

slot

api