give.wxss 1.9 KB

12345678910111213141516171819202122232425262728
  1. @import "./template/introduce.wxss";
  2. .give{padding:17rpx;}
  3. .give-content{background-color: white;text-align: center;padding: 90rpx 0;position: relative;margin-top: 80rpx;border-radius: 10rpx;}
  4. .content-photo{width: 140rpx;height: 140rpx;padding: 6rpx;border-radius: 100%;background-color: white;position: absolute;top: -75rpx;left: 289rpx;}
  5. .content-photo image{width: 100%;height: 100%;border-radius: 100%;}
  6. .content-card{width: 566rpx;height: 318rpx;margin: 35rpx auto 70rpx;position: relative;}
  7. .content-card-time{position: absolute;bottom: 20rpx;left: 20rpx;font-size: 22rpx;text-align: left;}
  8. .content-card-time text{color: white;}
  9. .content-card image{width: 100%;height: 100%;}
  10. .content-input{width: 530rpx;height: 90rpx;border: 2rpx solid #595757;border-radius: 45rpx;margin: auto;font-size: 32rpx;}
  11. .content-button{width: 530rpx;height: 90rpx;border-radius: 45rpx;margin: 40rpx auto 0;line-height: 90rpx;font-size: 32rpx; }
  12. .give-you{font-size: 24rpx;color: #727171;margin-top: 20rpx;}
  13. .give-you::before,.give-you::after{content: ''; width: 10rpx; height: 10rpx;border-radius: 100%; display: inline-block; background: #ee3a43; transform: rotate(45deg); vertical-align: middle;}
  14. .give-you::before{margin-right: 20rpx;}
  15. .give-you::after{margin-left: 20rpx;}
  16. .result-content{background-color: white;padding-top: 32rpx;text-align: center;}
  17. .content-card{width: 566rpx;height: 318rpx;margin: 35rpx auto 70rpx;position: relative;}
  18. .content-card-time{position: absolute;bottom: 20rpx;left: 20rpx;font-size: 24rpx;color: gray;}
  19. .content-card image{width: 100%;height: 100%;}
  20. .result-icon{font-size: 120rpx;}
  21. .buttons-row{margin: 0 80rpx;padding: 60rpx 0 50rpx;}
  22. .buttons-row .button{line-height: 66rpx;font-size: 28rpx;}
  23. .button.button-plain{color: gray;border: 2rpx solid gray;background-color: white;}
  24. .buttons-row.buttons-gutter.buttons-ones{margin: 0 240rpx;}
  25. .weight{font-weight: 600;}
  26. .card-image{border-radius: 20rpx;}