Enterprise-level component library based on Bootstrap and Blazor

star nuget master download license repo commit

Footer 页脚组件

显示在网页的最下方,提供返回顶端按钮

Footer 组件使用时注意样式表 position 属性的设置

基础用法

传递滚动条组件的 ID 给页脚组件

Demo

底部显示 Footer 组件,点击返回顶端时页面自动滚动回顶端

本示例传递的是组件客户端 ID

Attributes

Loading...
@page "/footers"

<h3>Footer 页脚组件</h3>

<h4>显示在网页的最下方,提供返回顶端按钮</h4>

<p><code>Footer</code> 组件使用时注意样式表 <code>position</code> 属性的设置</p>

<Block Title="基础用法" Introduction="传递滚动条组件的 ID 给页脚组件">
    <div id="scroll" class="overflow-auto border border-secondary p-3" style="max-height: 180px; border-radius: 4px; position: relative;">
        <div style="height: 200px">
            <p>底部显示 Footer 组件,点击返回顶端时页面自动滚动回顶端</p>
            <p>本示例传递的是组件客户端 ID</p>
        </div>
        <Footer Text="Bootstrap Blazor" Target="#scroll" style="margin: -1rem;" />
    </div>
</Block>

<AttributeTable Items="@GetAttributes()" />
根据相关法律政策,该内容无法显示

B 站相关视频链接

暂无

交流群

QQ群:BootstrapAdmin & Blazor 795206915(满) 675147445 欢迎加群讨论
Themes
Bootstrap
Ant Design (完善中)
Bluma (完善中)
LayUI (完善中)
An error has occurred. This application may no longer respond until reloaded. Reload