.share-page { background-image: linear-gradient(to bottom,rgba(255, 236, 237, 1) 0,rgba(255, 246, 255, 0.89) 1000rpx); height: calc(100vh - 88rpx); } .kong { height: 42rpx; } .qrcode-section { display: flex; flex-direction: column; align-items: center; padding: 64rpx 0 32rpx; } .qrcode-box { width: 360rpx; height: 360rpx; border-radius: 16rpx; border: 6rpx solid #E8101E; margin-top: 34rpx; background-color: #fff; } .qrcode-img { width: 100%; height: 100%; } .invite-code { width: 344rpx; height: 140rpx; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 26rpx; border-radius: 16rpx; box-shadow: 0 4rpx 16rpx 0 rgba(210, 213, 224, 0.50); } .code-text { font-size: 40rpx; color: #333333; font-weight: 500; margin-bottom: 8rpx; } .code-label { font-size: 24rpx; font-weight: 400; color: #858585; } .record-section { margin: 0 24rpx 0; background: #FFFFFF; border-radius: 32rpx; } .record-title { height: 114rpx; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .title-icon { width: 40rpx; height: 6rpx; border-radius: 232rpx; } .icon_zuo { background-image: linear-gradient(to right,rgba(253, 71, 120, 0),#FD4778); } .icon_you { background-image: linear-gradient(to right,#FD4778,rgba(253, 71, 120, 0)); } .title-text { font-size: 32rpx; color: #333333; font-weight: 500; margin: 0 16rpx; } .record-list { padding: 0 24rpx; } .record-item { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 0; border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); } .record-item:last-child { border-bottom: none; } .user-info { width: 400rpx; display: flex; flex-direction: column; } .user-name { font-size: 28rpx; color: #333333; font-weight: 500; margin-bottom: 8rpx; } .user-phone { font-size: 24rpx; font-weight: 400; color: #666666; } .record-time { font-size: 24rpx; font-weight: 400; color: #333333; } .nothing-box { padding: 150rpx 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .nothing-text { font-size: 24rpx; font-weight: 400; color: #9E9E9E; } /* 平台适配 */ .share-page { padding-top: 25px; padding-bottom: calc(env(safe-area-inset-bottom) + 32rpx); } .kong { height: calc(env(safe-area-inset-bottom) + 32rpx); }