Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[开源项目自荐] <message-box/>: 一个消息盒子的Web Componet实现,简洁实用功能强大,基于Lit #1998

Open
kingcc opened this issue Oct 14, 2021 · 1 comment

Comments

@kingcc
Copy link

kingcc commented Oct 14, 2021

项目地址:https://github.com/kingcc/message-box
NPM地址:https://www.npmjs.com/package/@lit-component/message-box

这是一个消息通知组件,一个基于 Lit-element-ts 的 Web Component,
用于展示一条信息给网站用户,同时提供了控制选项和流程的能力,功能包括:

  • 元素内部自动布局
  • 组件定时退出
  • 背景渐变实现的定时进度条
  • 内置/自定义退出动画

代码使用 TypeScript 和 decorator,还有一个开箱即用快速生成组件的生成器,简洁清晰适合学习 Lit,使用场景多,同时可以充分自定义。

image
image
image

例子在这里

@ZinLiao
Copy link

ZinLiao commented Sep 21, 2023

能实现成服务组件吗?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants