reader/component/shareSelect/index.wxss

/*使屏幕变暗  */
.background_screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  overflow: hidden;
  z-index: 3;
  color: #fff;
}
/*对话框 */
.attr_box {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4;
  background: #fff;
  border-top-left-radius: 30rpx;
  border-top-right-radius: 30rpx;
  padding-top: 20rpx;
  /*兼容 IOS<11.2*/
  padding-bottom: constant(safe-area-inset-bottom);
  /*兼容 IOS>11.2*/
  padding-bottom: env(safe-area-inset-bottom);
}
.attr_box .share_selects {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 150rpx;
}
.attr_box .share_selects .share_select {
  text-align: center;
}
.attr_box .share_selects .share_select .img {
  width: 90rpx;
  height: 90rpx;
}
.attr_box .share_selects .share_select .text {
  font-size: 28rpx;
  color: #333;
}
.attr_box .share_cancel {
  padding: 30rpx 0rpx;
  border-top: 1px solid #97979763;
  text-align: center;
  font-size: 32rpx;
  letter-spacing: 4rpx;
  color: #666;
}