/* 定义动画 */ /* 原始进入动画 */ @keyframes slide-in-4e606fe0 { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* 新增关闭动画 */ @keyframes slide-out-4e606fe0 { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-100%); opacity: 0; } } /* 进入动画类 */ .create-module.data-v-4e606fe0 { animation: slide-in-4e606fe0 0.3s ease-in-out; } /* 关闭动画类 */ .close-animation.data-v-4e606fe0 { animation: slide-out-4e606fe0 0.3s ease-in-out forwards; } .Mask.data-v-4e606fe0 { width: 100vw; height: 100vh; background: #00000076; display: flex; flex-direction: column-reverse; } .Hint.data-v-4e606fe0 { color: rgb(255, 0, 0); font-size: 20rpx; margin-left: 30rpx; margin-top: 10rpx; } .Hintcss.data-v-4e606fe0 { color: rgb(255, 0, 0); font-size: 20rpx; margin-left: 30rpx; margin-top: 20rpx; } .containers.data-v-4e606fe0 { background-color: #ffffff; border-radius: 50rpx; } .container.data-v-4e606fe0 { display: flex; background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/bgv.png); background-size: 100% 100%; flex-direction: column; width: 100%; height: 1300rpx; border-radius: 50rpx; box-shadow: 0 0 10rpx #ccc; } .Fork.data-v-4e606fe0 { width: 46rpx; height: 46rpx; margin-top: 20rpx; /* margin-bottom: 40rpx; */ margin-left: 90%; } .Titlecss.data-v-4e606fe0 { width: 100%; height: 70rpx; display: flex; justify-content: center; align-items: center; } .Star.data-v-4e606fe0 { width: 50rpx; height: 50rpx; background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/star.png); background-size: 100% 100%; } .Title.data-v-4e606fe0 { width: 430rpx; height: 70rpx; background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Publishpk.png); background-size: 100% 200%; background-position: 30% 0%; margin-left: 26rpx; margin-right: -65rpx; } .Individual.data-v-4e606fe0 { display: flex; /* justify-content: center; */ } .NameAnchor.data-v-4e606fe0 { width: 90%; margin: 40rpx; } .AnchorSelection.data-v-4e606fe0 { display: flex; align-items: center; } .time.data-v-4e606fe0 { width: 90%; margin-left: 5%; margin-top: 50rpx; } .NameAnchorcss.data-v-4e606fe0 { width: 99%; height: 85rpx; background-color: #ffffff; border: 1rpx solid #bfbfbf; border-radius: 10rpx; text-align: center; } .AnchorSelectioncss.data-v-4e606fe0 { width: 30%; height: 60rpx; margin: 40rpx; background-image: linear-gradient(135deg, #4fcacd, #5fdbde); color: #ffffff; font-weight: bold; font-size: 18rpx; text-align: center; line-height: 60rpx; border-radius: 20rpx; } .Gender.data-v-4e606fe0 { width: 310rpx; display: flex; flex-direction: column; justify-content: center; } .Gendercs.data-v-4e606fe0 { display: flex; justify-content: center; /* align-items: center; */ } .Gendercss.data-v-4e606fe0 { width: 200rpx; height: 60rpx; } .Gendericoncss.data-v-4e606fe0 { display: flex; justify-content: center; align-items: center; width: 60rpx; height: 60rpx; border-radius: 50%; border: 1rpx solid #ff9d0067; margin-left: 20rpx; margin-top: 10rpx; } .Gendericon.data-v-4e606fe0 { width: 40rpx; height: 40rpx; /* margin-top: 10rpx; margin-right: 40rpx; */ } .Accountnumber.data-v-4e606fe0 { display: flex; justify-content: center; margin-bottom: 60rpx; margin-top: 50rpx; } .Coins.data-v-4e606fe0 { width: 330rpx; height: 65rpx; /* display: flex; */ margin-right: 50rpx; /* flex-direction: column; */ } .country.data-v-4e606fe0 { margin-left: 10rpx; } .goldCoin.data-v-4e606fe0 { width: 100%; height: 100rpx; display: flex; justify-content: center; align-items: center; } .number-box.data-v-4e606fe0 { display: flex; justify-content: center; text-align: center; } .number-box-title.data-v-4e606fe0 { color: #191919; font-size: 30rpx; margin-right: 22rpx; margin-left: 17rpx; } .number-box-unit.data-v-4e606fe0 { color: #03aba8; width: 48rpx; height: 48rpx; border: 1rpx solid #03aba8; border-radius: 50%; line-height: 48rpx; text-align: center; /* color: #003cff5a; */ } .Remarkscss.data-v-4e606fe0 { width: 90%; margin-top: 30rpx; margin-left: 5%; margin-right: 5%; margin-bottom: 50rpx; border-radius: 10rpx; } .Publish.data-v-4e606fe0 { margin-bottom: 40rpx; width: 90%; margin-left: 5%; } .Publishcss.data-v-4e606fe0 { background-image: linear-gradient(135deg, #4fcacd, #5fdbde); /* color: #33ff00; */ color: #ffffff; font-weight: bold; border-radius: 50rpx; } .popup-container.data-v-4e606fe0{ width: 600rpx; height: 800rpx; background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png); background-position: center; border-radius: 10px; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; } .popup-title.data-v-4e606fe0{ color: #161616; font-size: 36.26rpx; font-weight: bold; margin-bottom: 30rpx; margin-top: 30rpx; } .scroll.data-v-4e606fe0{ width: 90%; height: 500rpx; } .card.data-v-4e606fe0{ margin-top: 15rpx; } .card-content.data-v-4e606fe0 { /* width: 445rpx; */ width: 100%; height: 100rpx; background-color: #ffffff; /* border: 2px solid #afafaf; */ border-radius: 10rpx; display: flex; align-items: center; font-size: 28rpx; color: rgb(127, 127, 127); } .Avatarimg.data-v-4e606fe0 { width: 90rpx; height: 90rpx; border-radius: 50%; background-color: #dddddd; margin-right: 20rpx; margin-left: 20rpx; } .avatar.data-v-4e606fe0 { width: 100%; height: 100%; border-radius: 50%; } .NameMoney.data-v-4e606fe0 { display: flex; flex-direction: column; } .TimeMoney.data-v-4e606fe0 { width: 300rpx; display: flex; font-weight: bold; font-size: 27rpx; color: #161616; } .NameMoney_Name.data-v-4e606fe0 { width: 400rpx; text-align: left; font-weight: bold; font-size: 27rpx; color: #161616; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .TimeMoney_country.data-v-4e606fe0{ margin-top: 10rpx; width: 400rpx; text-align: left; font-size: 20rpx; color: #666; white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .popup-btn.data-v-4e606fe0 { display: flex; justify-content: space-around; margin-top: 50rpx; } .invite.data-v-4e606fe0 { width: 225.19rpx; height: 78.24rpx; font-size: 28.63rpx; line-height: 80rpx; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; background-image: linear-gradient(135deg, #4fcacd, #5fdbde); } .cancel.data-v-4e606fe0 { width: 225.19rpx; height: 78.24rpx; font-size: 28.63rpx; line-height: 80rpx; margin-left: 30rpx; color: #03aba8; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; border: 1rpx solid #03aba8; } .no-data.data-v-4e606fe0{ width: 90%; height: 500rpx; display: flex; justify-content: center; align-items: center; } .no-data-text.data-v-4e606fe0{ color: #999; font-size: 28rpx; font-weight: bold; }