大家好，我在给小程序添加时，发现水印对变量显示有影响，如下图，当没有使用水印时，可以看到385及隐藏中文按钮，这两个都是变量

但是，当使用水印后就变成了下面这个样子，有劳大神帮忙看下怎么回事

使用的水印代码如下，谢谢！

wxml:

  class='water-mark-mask'>
    <view class='row' wx:for="{{rows}}" wx:key="index">
      <view class='col' wx:for="{{cols}}" wx:key="index" style="color:{{color}};font-size:28rpx;">{{text}}view>

view> view>

wxss:

.water-mark-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  pointer-events: none; 
  flex:1;
}
 
.row{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.col{
  transform: rotate(-45deg);
  height: 200rpx;
}

js:

Component({
  data: {
    text: '请勿外传',
    color: 'rgba(0,0,0,0.1)',
    rows: [],
    cols: []
  },
  // 组件在页面上挂载时触发,注意如果页面没卸载过，该事件就不会触发第二次
  attached() {
    const { windowWidth, windowHeight } = wx.getSystemInfoSync();
    const rows = Math.ceil(windowWidth / (40 * this.data.text.length));
    const cols = Math.ceil(windowHeight / 120);
    const waterMark=wx.getStorageSync('waterMark')
    this.setData({
      rows: new Array(rows),
      cols: new Array(cols)
    });
  },
})