), 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' }),