tab页添加按钮，按钮点击无效

全部标记已读需要一直显示在右侧，实现有两种方法

1.直接在tab页中添加，空白的面板，一直显示

image.png

但是这种在屏幕适应上有问题，小编未找到根据屏幕的大小一直显示在右侧的方法

2.放在另外的盒子里边，脱离tab面板

image.png

样式问题解决，发现还有另一个问题，点击方法，点击事件没有触发

原因:层级遮盖问题，因为按钮时定位过去的，导致tab的层级遮住了按钮，所以点击无效

.change-not-read {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 100;
}

提高层级 z-index: 100;即能正常点击