图片框 (ImageBox)

用于显示图片。

概述

  • 显示缩略图片
  • 点击缩略图可放大查看原图

代码演示

1.默认示例

namespace WebSite.Docus.View.ImageBoxs;

class ImageBox1 : BaseComponent
{
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        var url = new FileUrlInfo
        {
            OriginalUrl = "/img/demo/sunbin.jpg",
            ThumbnailUrl = "/img/demo/sunbin.jpg"
        };
        builder.Component<ImageBox>().Set(c => c.Url, url).Build();
    }
}