),
html.Span(
'主要参数说明：',
id='主要参数说明',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}
),
fmc.FefferyMarkdown(
markdownStr=open('documents/AntdTree.md', encoding='utf-8').read()
),
html.Div(
html.Span(
'使用示例',
id='使用示例',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}
),
style={
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5'
}),
fac.AntdBackTop(containerId='docs-content', duration=0.6),
html.Span('主要参数说明：',
id='主要参数说明',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
fmc.FefferyMarkdown(markdownStr=open('documents/AntdCheckCardGroup.md',
encoding='utf-8').read()),
html.Div(html.Span('使用示例',
id='使用示例',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
style={'marginBottom': '10px'}),
html.Div(
[
fac.AntdCheckCardGroup([
fac.AntdCheckCard(fac.AntdStatistic(title='统计数值示例',
value=1332971),
def render_docs_content(pathname):
'''
路由回调
'''
if pathname.startswith(
'/change-log-') and pathname[1:] + '.md' in os.listdir(
'./change logs'):
return html.Div(fmc.FefferyMarkdown(markdownStr=open(
f'./change logs/{pathname[1:]}.md', encoding='utf-8').read()),
style={'padding':
'25px'}), pathname.replace('/change-log-', '')
if pathname == '/what-is-fac' or pathname == '/':
pathname = '/what-is-fac'
return what_is_fac.docs_content, pathname
elif pathname == '/getting-started':
return getting_started.docs_content, pathname
elif pathname == '/AntdIcon':
return AntdIcon.docs_content, pathname
elif pathname == '/AntdButton':
return AntdButton.docs_content, pathname
elif pathname == '/AntdParagraph':
return AntdParagraph.docs_content, pathname
elif pathname == '/AntdText':
return AntdText.docs_content, pathname
elif pathname == '/AntdTitle':
return AntdTitle.docs_content, pathname
elif pathname == '/AntdDivider':
return AntdDivider.docs_content, pathname
elif pathname == '/AntdSpace':
return AntdSpace.docs_content, pathname
elif pathname == '/AntdRow':
return AntdRow.docs_content, pathname
elif pathname == '/AntdCol':
return AntdCol.docs_content, pathname
elif pathname == '/AntdLayout':
return AntdLayout.docs_content, pathname
elif pathname == '/AntdHeader':
return AntdHeader.docs_content, pathname
elif pathname == '/AntdSider':
return AntdSider.docs_content, pathname
elif pathname == '/AntdContent':
return AntdContent.docs_content, pathname
elif pathname == '/AntdFooter':
return AntdFooter.docs_content, pathname
elif pathname == '/AntdAffix':
return AntdAffix.docs_content, pathname
elif pathname == '/AntdBreadcrumb':
return AntdBreadcrumb.docs_content, pathname
elif pathname == '/AntdDropdown':
return AntdDropdown.docs_content, pathname
elif pathname == '/AntdMenu':
return AntdMenu.docs_content, pathname
elif pathname == '/AntdPagination':
return AntdPagination.docs_content, pathname
elif pathname == '/AntdSteps':
return AntdSteps.docs_content, pathname
elif pathname == '/AntdCascader':
return AntdCascader.docs_content, pathname
elif pathname == '/AntdCheckbox':
return AntdCheckbox.docs_content, pathname
elif pathname == '/AntdCheckboxGroup':
return AntdCheckboxGroup.docs_content, pathname
elif pathname == '/AntdDatePicker':
return AntdDatePicker.docs_content, pathname
elif pathname == '/AntdDateRangePicker':
return AntdDateRangePicker.docs_content, pathname
elif pathname == '/AntdInput':
return AntdInput.docs_content, pathname
elif pathname == '/AntdInputNumber':
return AntdInputNumber.docs_content, pathname
elif pathname == '/AntdRadioGroup':
return AntdRadioGroup.docs_content, pathname
elif pathname == '/AntdSelect':
return AntdSelect.docs_content, pathname
elif pathname == '/AntdRate':
return AntdRate.docs_content, pathname
elif pathname == '/AntdSlider':
return AntdSlider.docs_content, pathname
elif pathname == '/AntdSwitch':
return AntdSwitch.docs_content, pathname
elif pathname == '/AntdTransfer':
return AntdTransfer.docs_content, pathname
elif pathname == '/AntdTreeSelect':
return AntdTreeSelect.docs_content, pathname
elif pathname == '/AntdUpload':
return AntdUpload.docs_content, pathname
elif pathname == '/AntdDraggerUpload':
return AntdDraggerUpload.docs_content, pathname
elif pathname == '/AntdCollapse':
return AntdCollapse.docs_content, pathname
elif pathname == '/AntdEmpty':
return AntdEmpty.docs_content, pathname
elif pathname == '/AntdPopover':
return AntdPopover.docs_content, pathname
elif pathname == '/AntdStatistic':
return AntdStatistic.docs_content, pathname
elif pathname == '/AntdCountdown':
return AntdCountdown.docs_content, pathname
elif pathname == '/AntdTable':
return AntdTable.docs_content, pathname
elif pathname == '/AntdTag':
return AntdTag.docs_content, pathname
elif pathname == '/AntdTimeline':
return AntdTimeline.docs_content, pathname
elif pathname == '/AntdTooltip':
return AntdTooltip.docs_content, pathname
elif pathname == '/AntdTree':
return AntdTree.docs_content, pathname
elif pathname == '/AntdTabPane':
return AntdTabPane.docs_content, pathname
elif pathname == '/AntdTabs':
return AntdTabs.docs_content, pathname
elif pathname == '/AntdAlert':
return AntdAlert.docs_content, pathname
elif pathname == '/AntdDrawer':
return AntdDrawer.docs_content, pathname
elif pathname == '/AntdMessage':
return AntdMessage.docs_content, pathname
elif pathname == '/AntdModal':
return AntdModal.docs_content, pathname
elif pathname == '/AntdNotification':
return AntdNotification.docs_content, pathname
elif pathname == '/AntdResult':
return AntdResult.docs_content, pathname
elif pathname == '/AntdSkeleton':
return AntdSkeleton.docs_content, pathname
elif pathname == '/AntdSpin':
return AntdSpin.docs_content, pathname
elif pathname == '/AntdAnchor':
return AntdAnchor.docs_content, pathname
elif pathname == '/AntdBackTop':
return AntdBackTop.docs_content, pathname
elif pathname == '/AntdPopconfirm':
return AntdPopconfirm.docs_content, pathname
elif pathname == '/AntdProgress':
return AntdProgress.docs_content, pathname
elif pathname == '/AntdAvatar':
return AntdAvatar.docs_content, pathname
elif pathname == '/AntdBadge':
return AntdBadge.docs_content, pathname
elif pathname == '/AntdRibbon':
return AntdRibbon.docs_content, pathname
elif pathname == '/AntdTimePicker':
return AntdTimePicker.docs_content, pathname
elif pathname == '/AntdTimeRangePicker':
return AntdTimeRangePicker.docs_content, pathname
elif pathname == '/AntdCarousel':
return AntdCarousel.docs_content, pathname
elif pathname == '/AntdForm':
return AntdForm.docs_content, pathname
elif pathname == '/AntdFormItem':
return AntdFormItem.docs_content, pathname
elif pathname == '/AntdCardGrid':
return AntdCardGrid.docs_content, pathname
elif pathname == '/AntdCard':
return AntdCard.docs_content, pathname
elif pathname == '/AntdMentions':
return AntdMentions.docs_content, pathname
elif pathname == '/AntdImage':
return AntdImage.docs_content, pathname
elif pathname == '/AntdPageHeader':
return AntdPageHeader.docs_content, pathname
elif pathname == '/AntdCalendar':
return AntdCalendar.docs_content, pathname
elif pathname == '/AntdComment':
return AntdComment.docs_content, pathname
elif pathname == '/AntdDescriptions':
return AntdDescriptions.docs_content, pathname
elif pathname == '/AntdDescriptionItem':
return AntdDescriptionItem.docs_content, pathname
elif pathname == '/AntdWatermark':
return AntdWatermark.docs_content, pathname
elif pathname == '/AntdPasteImage':
return AntdPasteImage.docs_content, pathname
elif pathname == '/AntdSegmented':
return AntdSegmented.docs_content, pathname
elif pathname == '/AntdCheckCard':
return AntdCheckCard.docs_content, pathname
elif pathname == '/AntdCheckCardGroup':
return AntdCheckCardGroup.docs_content, pathname
elif pathname == '/AntdAccordionItem':
return AntdAccordionItem.docs_content, pathname
elif pathname == '/AntdAccordion':
return AntdAccordion.docs_content, pathname
elif pathname == '/AntdPictureUpload':
return AntdPictureUpload.docs_content, pathname
return fac.AntdResult(status='404', title='您访问的页面不存在！'), pathname
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5'
}),
fac.AntdBackTop(containerId='docs-content', duration=0.6),
html.Span('主要参数说明',
id='主要参数说明',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
fmc.FefferyMarkdown(markdownStr=open('documents/AntdNotification.md',
encoding='utf-8').read()),
html.Div(html.Span('使用示例',
id='使用示例',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
style={'marginBottom': '10px'}),
html.Div(
[
fac.AntdSpin([
fac.AntdButton('触发通知提示框',
id='notification-trigger-button-demo1',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5'
}),
fac.AntdBackTop(containerId='docs-content', duration=0.6),
html.Span('主要参数说明：',
id='主要参数说明',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
fmc.FefferyMarkdown(markdownStr=open(
'documents/AntdTimeRangePicker.md', encoding='utf-8').read()),
html.Div(html.Span('使用示例',
id='使用示例',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
style={'marginBottom': '10px'}),
html.Div(
[
fac.AntdTimeRangePicker(allowClear=True),
fac.AntdDivider(
'基础使用', lineColor='#f0f0f0', innerTextOrientation='left'),
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5'
}),
fac.AntdBackTop(containerId='docs-content', duration=0.6),
html.Span('主要参数说明：',
id='主要参数说明',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
fmc.FefferyMarkdown(markdownStr=open('documents/AntdDescriptions.md',
encoding='utf-8').read()),
html.Div(html.Span('使用示例',
id='使用示例',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
style={'marginBottom': '10px'}),
html.Div(
[
fac.AntdDivider('默认无边框', innerTextOrientation='left'),
fac.AntdDescriptions([
fac.AntdDescriptionItem('费弗里', label='姓名'),
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5'
}),
fac.AntdBackTop(containerId='docs-content', duration=0.6),
html.Span('主要参数说明：',
id='主要参数说明',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
fmc.FefferyMarkdown(markdownStr=open('documents/AntdDraggerUpload.md',
encoding='utf-8').read()),
html.Div(html.Span('使用示例',
id='使用示例',
style={
'borderLeft': '4px solid grey',
'padding': '3px 0 3px 10px',
'backgroundColor': '#f5f5f5',
'fontWeight': 'bold',
'fontSize': '1.2rem'
}),
style={'marginBottom': '10px'}),
html.Div(
[
fac.AntdDraggerUpload(apiUrl='/upload/',
fileMaxSize=1,
text='拖拽上传示例',
from dash import html
import feffery_antd_components as fac
import feffery_markdown_components as fmc
from server import app
docs_content = html.Div([
fac.AntdBackTop(containerId='docs-content', duration=0.6),
html.Div([
fac.AntdTitle('1 Dash+fac开发环境的准备', id='1 Dash+fac开发环境的准备', level=2),
fmc.FefferyMarkdown(codeStyle='a11y-dark',
markdownStr=open(
'./documents/1 Dash+fac开发环境的准备.md',
encoding='utf-8').read()),
fac.AntdTitle('2 用Dash开发静态页面', id='2 用Dash开发静态页面', level=2),
fmc.FefferyMarkdown(codeStyle='a11y-dark',
markdownStr=open('./documents/2 用Dash开发静态页面.md',
encoding='utf-8').read(),
renderHtml=True),
fac.AntdTitle('3 用Dash开发交互应用', id='3 用Dash开发交互应用', level=2),
fmc.FefferyMarkdown(codeStyle='a11y-dark',
markdownStr=open('./documents/3 用Dash开发交互应用.md',
encoding='utf-8').read(),
renderHtml=True),
html.Div(fac.AntdImage(src=app.get_asset_url('imgs/玩转dash星球二维码.jpg'),
style={
'height': '400px',
'boxShadow':
'0 6px 16px rgb(107 147 224 / 14%)',
'borderRadius': '5px'
}),
