/* component/shar-dialog/shar-dialog.wxss */ .share { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .8); z-index:999999; } .corss-line{ width: 90%; position: absolute; height: 39rpx; border-bottom: 2rpx solid #f2f2f2; margin: 0 auto; left: 0; right: 0; z-index: 1; } .invite-text{ width: 120rpx; height: 30rpx; color: #262626; font-size: 30rpx; position: absolute; top: 19rpx; margin: 0 auto; left: 0; right: 0; background: #fff; z-index: 2; } .btn { position: fixed; bottom: -200rpx; width: 100%; height: 200rpx; background: #fff; } .btn .bg { display: block; width: 500rpx; margin: 5% auto; height: 42rpx; } .btn text{ font-size: 28rpx; } .share-btn { display: flex; justify-content: space-around; margin-top: 65rpx; } .share-btn image { width: 76rpx; height: 76rpx; } .share-btn view { display: flex; flex-direction: column; /* justify-content: space-between; */ align-items: center; font-size: 24rpx; height: 120rpx; width: 180rpx; line-height: 0; line-height: 33rpx; } .img { display: block; /* position: absolute; */ /* left: 5rpx; */ /* top: 30rpx; */ width: 510rpx; height: 893rpx; margin: 63rpx auto; /* width: 375rpx; */ /* height: 667rpx; */ } .Preservation { position: absolute; left: 15%; top: 1020rpx; width: 536rpx; height: 80rpx; color: #fff; font-size: 36rpx; text-align: center; line-height: 80rpx; border-radius: 44rpx; z-index: 999; } .share-friend { background: #fff; display:flex; flex-direction:column; align-items: center; outline:none; padding:0; margin:0; border-radius:0; height: 145rpx; font-size:32rpx; width: 180rpx; line-height: 33rpx; } .share-friend image { width: 76rpx; height: 76rpx; } button::after{ border: none; }