wechat-pilelog/pages/sign/sign.wxss

/* pages/sign/sign.wxss */
.canvas {
  width: 100%;
  height: calc(100% - 120rpx);
  position: fixed;
  box-sizing: border-box;
  border-bottom: 2rpx  #2583c1 solid;
} 
 
.imageCanvas{
  width: 100%;
  height: 100%;
}
.buttonBox{
  width: 100%;
  justify-content: center;
  display: flex;
  position: fixed;
  bottom: 20rpx;
  left: 0;
}

.buttonBox button{
  font-size: 32rpx;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #2583c1;
}
.buttonBox button.button-hover{
  background-color: #1ca05e;
}