
前端水印组件的旋转角度对文字的影响
问题描述:在使用 van ui 组件库的水印组件
代码示例:
{{ watermessage }}
原因分析:
当 isfull 为 true 时,水印组件将旋转一定角度(本例为65度)。此时,水印文字可能会被组件本身或其他元素遮挡住,导致部分文字隐藏。
解决方案:
1. 设置 z-index
将水印组件的 z-index 设置为高于其他元素,确保它不会被遮挡。
.van-watermark {
z-index: 999;
}2. 复制水印
复制一份水印组件,一份用作旋转显示,另一份用于固定显示。










