set_grade.wxss 992 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* compontents/share/share.wxss */
  2. .container {
  3. position:fixed;
  4. left: 0;
  5. bottom: 0;
  6. width: 100%;
  7. height: 100%;
  8. z-index: 98;
  9. }
  10. .container:after {
  11. content:'';
  12. position:absolute;
  13. left: 0;
  14. bottom: 0;
  15. width: 100%;
  16. height: 100%;
  17. background: rgba(255,255,255,.8);
  18. filter: blur(15px);
  19. z-index: 99;
  20. }
  21. .share {
  22. position:fixed;
  23. left: 15rpx;
  24. bottom: 0;
  25. width: calc(100% - 30rpx);
  26. border-radius:25rpx;
  27. padding:32rpx 24rpx;
  28. box-sizing:border-box;
  29. background:#fff;
  30. z-index: 100;
  31. }
  32. .share .title {
  33. font-size: 32rpx;
  34. font-weight: bolder;
  35. color: #3F3F3F;
  36. text-align: center;
  37. padding-bottom: 20rpx;
  38. border-bottom: 2rpx solid #C8C8C8;
  39. }
  40. .share-img {
  41. display: flex;
  42. flex-direction: column;
  43. align-items: center;
  44. justify-content: center;
  45. }
  46. .share-img text {
  47. font-size: 32rpx;
  48. color: #3F3F3F;
  49. margin-top: 43rpx;
  50. }
  51. .share-img .color {
  52. color: red;
  53. }