mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-14 08:09:13 +08:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity
1ef07e97ba
ant-design/components/image/demo/toolbarRender.md
daisy 1ef07e97ba
feat(Image): modify layout and support closeIcon、PreviewGroup fallback (#43167) 
* feat(Image): modify layout and support closeIcon、PreviewGroup fallback

* docs: modify text

* style: add skip right

* chore: update snapshot

* fix: disabled hover

* fix: lint error

* style: close icon transition

* docs: # link

* demo: update demo

* demo: add comment

* demo: remove comment
2023-07-07 09:54:19 +08:00

581 B
Raw Blame History

zh-CN

可以自定义工具栏并添加下载图片按钮。

en-US

You can customize the toolbar and add a button for downloading the image.

.toolbar-wrapper {
  position: fixed;
  bottom: 32px;
  left: 50%;
  padding: 0px 24px;
  color: #fff;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  transform: translateX(-50%);
}

.toolbar-wrapper .anticon {
  padding: 12px;
  cursor: pointer;
}

.toolbar-wrapper .anticon[disabled] {
  cursor: not-allowed;
  opacity: 0.3;
}

.toolbar-wrapper .anticon:hover {
  opacity: 0.3;
}