9 lines
3.9 KiB
Plaintext
9 lines
3.9 KiB
Plaintext
.text.data-v-6bfd374d{position:absolute;top:0;width:100%;text-align:center;height:50px;line-height:50px;font-size:36rpx;color:#37cc92;font-weight:700}.tips.data-v-6bfd374d{position:absolute;width:100%;bottom:15px;line-height:24px}.tips view.data-v-6bfd374d{font-size:32rpx;color:#37cc92;font-weight:700;margin-left:15px}.tips text.data-v-6bfd374d{font-size:32rpx;width:100%;display:block;margin-left:20px;color:#999}.list.data-v-6bfd374d{position:absolute;width:100%;display:flex;align-items:center;flex-wrap:wrap}.list .item.data-v-6bfd374d{width:30%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;left:55%;top:-10px}.list .item image.data-v-6bfd374d{width:45px;height:45px;border-radius:50%;background-color:#fff}.list .item text.data-v-6bfd374d{display:block;width:100%;font-size:32rpx;color:#666;margin-top:5px;text-align:center}.list .item.data-v-6bfd374d:nth-of-type(2){left:calc(55% - 60px);top:50px}.list .item.data-v-6bfd374d:nth-of-type(3){left:calc(50% - 140px);top:90px}.list .item.data-v-6bfd374d:nth-of-type(4){left:calc(61% + 20px);top:70px}.list .item.data-v-6bfd374d:nth-of-type(5){left:20%;top:-100px}.list .item.data-v-6bfd374d:nth-of-type(6){left:calc(20% - 16px);top:-38px}.list .item.data-v-6bfd374d:nth-of-type(7){left:0;top:15px}.list .item.data-v-6bfd374d:nth-of-type(8){left:calc(20% + 75px);top:-150px}.list .item.data-v-6bfd374d:nth-of-type(9){left:calc(20% + 96px);top:-80px}.list .item.data-v-6bfd374d:nth-of-type(10){left:37px;top:-170px}.list .item.data-v-6bfd374d:nth-of-type(11){left:calc(20% + 75px);top:130px}.list .item.data-v-6bfd374d:nth-of-type(12){left:-10px;top:-104px}.list .item.data-v-6bfd374d:nth-of-type(13){left:calc(47% + 75px);top:-150px}.list .item.data-v-6bfd374d:nth-of-type(14){left:calc(53% + 75px);top:-50px}.container.data-v-6bfd374d{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.container.data-v-6bfd374d::after{content:"";width:20px;height:20px;border-radius:50%;background-color:#fbb780;position:absolute;z-index:9}.point-area.data-v-6bfd374d{text-align:center;position:relative;width:400rpx;height:400rpx;transition:opacity .5s ease-out}.point-10.data-v-6bfd374d,
|
|
.point-40.data-v-6bfd374d,
|
|
.point-80.data-v-6bfd374d,
|
|
.point-100.data-v-6bfd374d,
|
|
.point-120.data-v-6bfd374d{width:100%;height:100%}.point-10.data-v-6bfd374d:after,
|
|
.point-40.data-v-6bfd374d:after,
|
|
.point-80.data-v-6bfd374d:after,
|
|
.point-100.data-v-6bfd374d:after,
|
|
.point-120.data-v-6bfd374d:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;border:1px solid #f7cb6b;animation-play-state:paused;-webkit-animation-play-state:paused}.point-10.data-v-6bfd374d:after{content:"";-webkit-animation:ripple-data-v-6bfd374d 3s linear 0ms infinite;animation:ripple-data-v-6bfd374d 3s linear 0ms infinite}.point-40.data-v-6bfd374d:after{content:"";-webkit-animation:ripple-data-v-6bfd374d 3s linear .6s infinite;animation:ripple-data-v-6bfd374d 3s linear .6s infinite}.point-80.data-v-6bfd374d:after{content:"";-webkit-animation:ripple-data-v-6bfd374d 3s linear 1.2s infinite;animation:ripple-data-v-6bfd374d 3s linear 1.2s infinite}.point-100.data-v-6bfd374d:after{content:"";-webkit-animation:ripple-data-v-6bfd374d 3s linear 1.8s infinite;animation:ripple-data-v-6bfd374d 3s linear 1.8s infinite}.point-120.data-v-6bfd374d:after{content:"";-webkit-animation:ripple-data-v-6bfd374d 3s linear 2.4s infinite;animation:ripple-data-v-6bfd374d 3s linear 2.4s infinite}@-webkit-keyframes ripple-data-v-6bfd374d{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}50%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:.2;-webkit-transform:scale(2.2);transform:scale(2.2)}}@keyframes ripple-data-v-6bfd374d{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}50%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:.2;-webkit-transform:scale(2.2);transform:scale(2.2)}} |