reader/component/shareSelect/index.less

/*使屏幕变暗  */
.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);

    .share_selects {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx 150rpx;

        .share_select {
            text-align: center;

            .img {
                width: 90rpx;
                height: 90rpx;
            }

            .text {
                font-size: 28rpx;
                color: #333;
            }
        }
    }

    .share_cancel {
        padding: 30rpx 0rpx;
        border-top: 1px solid #97979763;
        text-align: center;
        font-size: 32rpx;
        letter-spacing: 4rpx;
        color: #666;
    }
}