You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
3.7 KiB
84 lines
3.7 KiB
1 month ago
|
import feffery_antd_components as fac
|
||
|
|
|
||
|
|
|
||
|
|
def render():
|
||
|
|
"""渲染顶部栏"""
|
||
|
|
|
||
|
|
return fac.Fragment(
|
||
|
|
[
|
||
|
|
fac.AntdRow(
|
||
|
|
[
|
||
|
|
# 标题信息
|
||
|
|
fac.AntdCol(
|
||
|
|
fac.AntdCenter(
|
||
|
|
fac.AntdSpace(
|
||
|
|
[
|
||
|
|
fac.AntdSpace(
|
||
|
|
[
|
||
|
|
fac.AntdText(
|
||
|
|
"新的聊天",
|
||
|
|
style={
|
||
|
|
"fontSize": 20,
|
||
|
|
"fontWeight": "bolder",
|
||
|
|
},
|
||
|
|
),
|
||
|
|
fac.AntdText(
|
||
|
|
"共 1 条对话",
|
||
|
|
id="header-bar-chat-message-count",
|
||
|
|
style={"fontSize": 14},
|
||
|
|
),
|
||
|
|
],
|
||
|
|
align="end",
|
||
|
|
),
|
||
|
|
],
|
||
|
|
direction="vertical",
|
||
|
|
size=0,
|
||
|
|
),
|
||
|
|
style={"height": "100%"},
|
||
|
|
)
|
||
|
|
),
|
||
|
|
# 操作按钮
|
||
|
|
fac.AntdCol(
|
||
|
|
fac.AntdCenter(
|
||
|
|
fac.AntdSpace(
|
||
|
|
[
|
||
|
|
fac.AntdButton(
|
||
|
|
id="open-chat-setting-modal",
|
||
|
|
icon=fac.AntdIcon(
|
||
|
|
icon="antd-setting",
|
||
|
|
),
|
||
|
|
size="large",
|
||
|
|
title="设置中心",
|
||
|
|
clickExecuteJsString="window.dash_clientside.set_props('chat-setting-modal', { visible: true })",
|
||
|
|
),
|
||
|
|
fac.AntdButton(
|
||
|
|
id="open-chat-export-modal",
|
||
|
|
icon=fac.AntdIcon(
|
||
|
|
icon="antd-download",
|
||
|
|
),
|
||
|
|
size="large",
|
||
|
|
title="导出对话",
|
||
|
|
clickExecuteJsString="window.dash_clientside.set_props('chat-export-modal', { visible: true })",
|
||
|
|
),
|
||
|
|
# fac.AntdButton(
|
||
|
|
# id="chat-container-full-screen",
|
||
|
|
# icon=fac.AntdIcon(
|
||
|
|
# id="chat-container-full-screen-icon",
|
||
|
|
# icon="antd-full-screen",
|
||
|
|
# ),
|
||
|
|
# size="large",
|
||
|
|
# title="切换全屏",
|
||
|
|
# ),
|
||
|
|
]
|
||
|
|
),
|
||
|
|
style={"height": "100%"},
|
||
|
|
)
|
||
|
|
),
|
||
|
|
],
|
||
|
|
justify="space-between",
|
||
|
|
align="middle",
|
||
|
|
id="header-bar",
|
||
|
|
)
|
||
|
|
]
|
||
|
|
)
|