Layout Playground

Layout 自定义

水印自定义

水印自定义配置器

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam aliquid perferendis, adipisci dolorum officia odio natus facere cumque iusto libero repellendus praesentium ipsa cupiditate iure autem eos repudiandae delectus totam?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo praesentium, aperiam numquam voluptatibus asperiores odio? Doloribus saepe, eligendi facere inventore culpa, exercitationem explicabo earum laborum deleniti reiciendis deserunt accusantium ullam.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia voluptas numquam impedit architecto facilis aliquam at assumenda, nostrum explicabo accusantium ipsam error provident voluptate molestias magnam quisquam excepturi illum sit!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, accusantium quo corporis fugit possimus quaerat ad consequatur veniam voluptatum ut cumque illo beatae. Magni assumenda eligendi itaque eum voluptate non!

下面是一张zIndex 为 10 的 position 为 relative 图片,
如果要在图片中展示水印尝试调大右侧的 zIndex 滑块试试。

示例图片
配置面板
<WaterMark
  rotate={-22}
  content='示例水印'
  fontColor='rgba(0,0,0,.15)'
  fontSize={16}
  zIndex={9}
>
  <div>xxx</div>
</WaterMark>