Streamlit 自定义跑马灯组件

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

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

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

效果如下：

streamlit-marqueen

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

what is it

a marquee component for streamlit

how to use

first, install via pip online

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)

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

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.