html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '经典布局', 'href': '#经典布局' }, { 'title': '不同的侧边栏位置', 'href': '#不同的侧边栏位置' }, { 'title': '可折叠的侧边栏', 'href': '#可折叠的侧边栏' }, { 'title': '响应式菜单栏折叠', 'href': '#响应式菜单栏折叠' }, { 'title': '将其他组件整合入侧边栏', 'href': '#将其他组件整合入侧边栏' }, { 'title': '自定义侧边栏折叠触发器', 'href': '#自定义侧边栏折叠触发器' }, ] }, ], offsetTop=0),
], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用', 'href': '#基础使用'}, {'title': '不同的状态类型', 'href': '#不同的状态类型'}, {'title': '添加状态图标', 'href': '#添加状态图标'}, {'title': '添加关闭按钮', 'href': '#添加关闭按钮'}, {'title': '轮播模式示例', 'href': '#轮播模式示例'}, {'title': '跑马灯模式示例', 'href': '#跑马灯模式示例'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ], style={
}, id='其他内置状态示例', className='div-highlight'), html.Div(style={'height': '100px'}) ], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [{ 'title': '基础使用', 'href': '#基础使用' }, { 'title': '其他内置状态示例', 'href': '#其他内置状态示例' }] }, ], offsetTop=0), style={ 'flex': 'none', 'margin': '20px' }) ], style={'display': '20px'})
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '不同的状态', 'href': '#不同的状态' }, { 'title': '不同的弹出位置', 'href': '#不同的弹出位置' }, { 'title': '持续显示时长的设置', 'href': '#持续显示时长的设置' }, ] }, ], offsetTop=0),
], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '不同的触发行为', 'href': '#不同的触发行为' }, { 'title': '为title自定义前缀图标', 'href': '#为title自定义前缀图标' }, ] }, ], offsetTop=0), style={ 'flex': 'none',
html.Div(style={'height': '100px'}) ], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用', 'href': '#基础使用'}, {'title': '不同的状态', 'href': '#不同的状态'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ], style={ 'display': 'flex' }
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '调整时间粒度', 'href': '#调整时间粒度' }, { 'title': '12小时制', 'href': '#12小时制' }, { 'title': '自定义format', 'href': '#自定义format' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }, ], offsetTop=0),
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '不同type对应按钮样式风格', 'href': '#不同type对应按钮样式风格' }, { 'title': '充当跳转功能使用', 'href': '#充当跳转功能使用' }, { 'title': '撑满父级元素宽度', 'href': '#撑满父级元素宽度' }, { 'title': '显示为危险警告状态', 'href': '#显示为危险警告状态' }, { 'title': '显示为不可点击状态', 'href': '#显示为不可点击状态' }, { 'title': '修改按钮形状', 'href': '#修改按钮形状' }, { 'title': '配合AntdIcon添加图标', 'href': '#配合AntdIcon添加图标' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }, ], offsetTop=0),
html.Div(style={'height': '100px'}) ], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用及单文件大小限制', 'href': '#基础使用及单文件大小限制'}, {'title': '图片编辑功能', 'href': '#图片编辑功能'}, {'title': '回调示例', 'href': '#回调示例'}, ] } ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ], style={ 'display': 'flex'
fac.AntdBackTop( containerId='docs-content', duration=0.6 ), html.Div( [ html.Div( [ fac.AntdAnchor( linkDict=[ {'title': '示例2-1', 'href': '#示例2-1'}, {'title': '示例2-1-1', 'href': '#示例2-1-1'}, {'title': '示例2-1-2', 'href': '#示例2-1-2'}, {'title': '示例2-2', 'href': '#示例2-2'}, ], align='right', containerId='anchor-container-demo', targetOffset=100 ), html.Div( [ html.H5('示例2-1', id='示例2-1', style={'marginBottom': '800px'}), html.H5('示例2-1-1', id='示例2-1-1', style={'marginBottom': '800px'}), html.H5('示例2-1-2', id='示例2-1-2', style={'marginBottom': '800px'}), html.H5('示例2-2', id='示例2-2', style={'marginBottom': '800px'}), ] ) ], id='anchor-container-demo',
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '不同的节点颜色状态', 'href': '#不同的节点颜色状态' }, { 'title': '自定义节点图标及样式', 'href': '#自定义节点图标及样式' }, { 'title': '添加末端进行中节点', 'href': '#添加末端进行中节点' }, { 'title': '翻转坐标轴', 'href': '#翻转坐标轴' }, { 'title': '添加节点标签', 'href': '#添加节点标签' }, ] }, ], offsetTop=0),
html.Div(style={'height': '100px'}) ], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用', 'href': '#基础使用'}, {'title': '添加前后缀额外内容', 'href': '#添加前后缀额外内容'}, {'title': '自定义数值样式', 'href': '#自定义数值样式'}, {'title': '添加标题提示框', 'href': '#添加标题提示框'}, {'title': '回调示例', 'href': '#回调示例'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'padding': '20px' } ) ], style={
], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '不同的色彩风格', 'href': '#不同的色彩风格' }, { 'title': '充当链接功能', 'href': '#充当链接功能' }, ] }, ], offsetTop=0), style={ 'flex': 'none',
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': 'percent达到100时的状态', 'href': '#percent达到100时的状态' }, { 'title': '自定义百分比数值内容', 'href': '#自定义百分比数值内容' }, { 'title': '不同的自定义状态', 'href': '#不同的自定义状态' }, { 'title': '关闭额外说明内容', 'href': '#关闭额外说明内容' }, { 'title': '自定义进度条颜色', 'href': '#自定义进度条颜色' }, { 'title': '分段线型进度条', 'href': '#分段线型进度条' }, ] }, ], offsetTop=0),
html.Div(fac.AntdAnchor(linkDict=[{ 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用及单文件大小限制', 'href': '#基础使用及单文件大小限制' }, { 'title': '限制上传列表显示任务记录最大数量', 'href': '#限制上传列表显示任务记录最大数量' }, { 'title': '限制上传文件的类型范围', 'href': '#限制上传文件的类型范围' }, { 'title': '多文件上传模式', 'href': '#多文件上传模式' }, { 'title': '文件夹上传模式', 'href': '#文件夹上传模式' }, { 'title': '自定义失败任务记录悬浮提示信息', 'href': '#自定义失败任务记录悬浮提示信息' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }], offsetTop=0),
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '配置输入框自适应高度', 'href': '#配置输入框自适应高度' }, { 'title': '不同的子项悬浮层弹出方位', 'href': '#不同的子项悬浮层弹出方位' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }, ], offsetTop=0),
style={ 'flex': 'auto', 'width': 'calc(100vw - 625px)' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用', 'href': '#基础使用'}, {'title': '添加额外悬浮提示信息卡片', 'href': '#添加额外悬浮提示信息卡片'}, {'title': '手动设置默认激活的标签页', 'href': '#手动设置默认激活的标签页'}, {'title': '不同的标签页吸附位置', 'href': '#不同的标签页吸附位置'}, {'title': '不同的标签页渲染类型', 'href': '#不同的标签页渲染类型'}, {'title': '标签页面板众多时自动开启省略模式', 'href': '#标签页面板众多时自动开启省略模式'}, {'title': '回调示例', 'href': '#回调示例'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ],
], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '常规的实线与虚线分割线', 'href': '#常规的实线与虚线分割线' }, { 'title': '内嵌文字及文字位置设置', 'href': '#内嵌文字及文字位置设置' }, { 'title': '竖直分割线', 'href': '#竖直分割线' }, ] }, ], offsetTop=0), style={ 'flex': 'none',
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '垂直布局方式', 'href': '#垂直布局方式' }, { 'title': '自定义每行标准子项数量', 'href': '#自定义每行标准子项数量' }, { 'title': '令部分子项占据多个标准宽度', 'href': '#令部分子项占据多个标准宽度' }, ] }, ], offsetTop=0),
style={ 'display': 'flex', 'justifyContent': 'center' }) ], style={ 'flex': 'auto', 'marginBottom': '200px' }), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '1 Dash+fac开发环境的准备', 'href': '#1 Dash+fac开发环境的准备' }, { 'title': '2 用Dash开发静态页面', 'href': '#2 用Dash开发静态页面' }, { 'title': '3 用Dash开发交互应用', 'href': '#3 用Dash开发交互应用' }, ], offsetTop=0), style={ 'flex': 'none', 'margin': '20px' }) ], style={'display': 'flex'})
html.Div(style={'height': '100px'}) ], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用', 'href': '#基础使用'}, {'title': '延迟加载', 'href': '#延迟加载'}, {'title': 'include模式', 'href': '#include模式'}, {'title': 'exclude模式', 'href': '#exclude模式'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ], style={ 'display': 'flex'
], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '默认尺寸下日历宽度自适应容器大小', 'href': '#默认尺寸下日历宽度自适应容器大小' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }, ], offsetTop=0), style={ 'flex': 'none',
html.Div(style={'height': '100px'}) ], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础使用', 'href': '#基础使用'}, {'title': '撑满父容器宽度', 'href': '#撑满父容器宽度'}, {'title': '禁用部分选项', 'href': '#禁用部分选项'}, {'title': '不同的尺寸规格', 'href': '#不同的尺寸规格'}, {'title': '回调示例', 'href': '#回调示例'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ], style={
className='div-highlight'), html.Div(style={'height': '100px'}) ], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '下滑固钉示例', 'href': '#下滑固钉示例' }, { 'title': '上滑固钉示例', 'href': '#上滑固钉示例' }, ] }, ], offsetTop=0), style={ 'flex': 'none', 'padding': '20px' })
], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础使用', 'href': '#基础使用' }, { 'title': '多选模式', 'href': '#多选模式' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }, ], offsetTop=0), style={ 'flex': 'none',
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础的输入框', 'href': '#基础的输入框' }, { 'title': 'default模式下设置前后缀内容', 'href': '#default模式下设置前后缀内容' }, { 'title': '其他输入框模式', 'href': '#其他输入框模式' }, { 'title': '设置初始状态填充值', 'href': '#设置初始状态填充值' }, { 'title': '文本域模式下显示已输入内容字数', 'href': '#文本域模式下显示已输入内容字数' }, { 'title': '回调示例', 'href': '#回调示例' }, { 'title': 'password模式加密传输示例', 'href': '#password模式加密传输示例' }, ] }, ], offsetTop=0),
style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础的下拉选择', 'href': '#基础的下拉选择'}, {'title': '分组下拉选择', 'href': '#分组下拉选择'}, {'title': '色带渲染模式', 'href': '#色带渲染模式'}, {'title': '多选与自由新增模式', 'href': '#多选与自由新增模式'}, {'title': '设置默认选中值', 'href': '#设置默认选中值'}, {'title': '修改下拉选择最大高度', 'href': '#修改下拉选择最大高度'}, {'title': '设置输入框已选择选项最大显示数量', 'href': '#设置输入框已选择选项最大显示数量'}, {'title': '自主控制显示空状态示例', 'href': '#自主控制显示空状态示例'}, {'title': '回调示例', 'href': '#回调示例'} ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } )
html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '基础的日期范围选择控件', 'href': '#基础的日期范围选择控件' }, { 'title': '添加时间选择', 'href': '#添加时间选择' }, { 'title': '自定义空白填充文字', 'href': '#自定义空白填充文字' }, { 'title': '修改时间粒度', 'href': '#修改时间粒度' }, { 'title': '禁用开始或结束输入框', 'href': '#禁用开始或结束输入框' }, { 'title': '回调示例', 'href': '#回调示例' }, ] }, ], offsetTop=0),
], style={ 'flex': 'auto' } ), html.Div( fac.AntdAnchor( linkDict=[ {'title': '主要参数说明', 'href': '#主要参数说明'}, { 'title': '使用示例', 'href': '#使用示例', 'children': [ {'title': '基础的树形控件', 'href': '#基础的树形控件'}, {'title': '可勾选的树形控件', 'href': '#可勾选的树形控件'}, {'title': '可点击多选的树形控件', 'href': '#可点击多选的树形控件'}, {'title': '为节点自定义前缀图标', 'href': '#为节点自定义前缀图标'}, {'title': '关闭节点连接线', 'href': '#关闭节点连接线'}, {'title': '大数据量时限制最大显示高度提升性能', 'href': '#大数据量时限制最大显示高度提升性能'}, {'title': '设置先辈节点与后代节点勾选行为彼此独立', 'href': '#设置先辈节点与后代节点勾选行为彼此独立'}, {'title': '回调示例', 'href': '#回调示例'}, ] }, ], offsetTop=0 ), style={ 'flex': 'none', 'margin': '20px' } ) ],
'border': '1px solid #f0f0f0' }, id='不同的渲染模式', className='div-highlight'), html.Div(style={'height': '100px'}) ], style={'flex': 'auto'}), html.Div(fac.AntdAnchor(linkDict=[ { 'title': '主要参数说明', 'href': '#主要参数说明' }, { 'title': '使用示例', 'href': '#使用示例', 'children': [ { 'title': '不同的渲染模式', 'href': '#不同的渲染模式' }, ] }, ], offsetTop=0), style={ 'flex': 'none', 'margin': '20px' }) ], style={'display': 'flex'})