Streamlit 自定义跑马灯组件

2023-11-17 09:43:59 浏览数 (17)

近来需要在 streamlit 项目实现跑马灯效果,但是没有现成组件。于是自定义实现了这个组件,并且发布到了 pypi 。

pypi 地址:https://pypi.org/project/streamlit-marquee/

github 源码地址:https://github.com/inspurer/streamlit-marquee

效果如下:

streamlit-marqueenstreamlit-marqueen

使用说明书和简单原理说明本来我是用英文写的,懒得翻译,大家将就下看下。

what is it

a marquee component for streamlit

how to use

first, install via pip online

代码语言:txt复制
pip install streamlit-marquee

or download the wheel file and install offline

pip install {{the downloaded wheel file path in your pc}}

or just download the source-code.

then, there are two demos below.

demo 1 (recommend)
代码语言:python代码运行次数:0复制
from streamlit_marquee import streamlit_marquee



streamlit_marquee(**{

    # the marquee container background color

    'background': "#ff0000",

    # the marquee text size

    'fontSize': '12px',

    # the marquee text color

    "color": "#ffffff",

    # the marquee text content

    'content': 'here is custom marquee component~',

    # the marquee container width

    'width': '600px',

    # the marquee container line height

    'lineHeight': "35px",

    # the marquee duration

    'animationDuration': '5s',

})
demo 2
代码语言:python代码运行次数:0复制
from streamlit_marquee import streamlit_marquee



streamlit_marquee(content='here is custom marquee component~')

how it realizes

since the html tag <marquee> has been declared as deprecated.

as an alternative, use css animation to realize.

supported attributes

* background

* fontSize

* color

* content

* width

* lineHeight

* animationDuration

you can also download the source code and change to support more attributes such as transition-timing-function.

any question, please open issues.

0 人点赞