app.wxss 970 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. ::-webkit-scrollbar {
  2. width: 0;
  3. height: 0;
  4. color: transparent;
  5. display: none;
  6. }
  7. .FlexColumn {
  8. display: flex;
  9. flex-direction: column;
  10. align-items: center;
  11. justify-content: center;
  12. }
  13. .FlexRow {
  14. display: flex;
  15. flex-direction: row;
  16. align-items: center;
  17. justify-content: center;
  18. }
  19. .container {
  20. width:100%;
  21. color: #fff;
  22. justify-content: flex-start;
  23. font-weight: 700;
  24. background-color: #004433;
  25. }
  26. .panelRemindParent{
  27. background-color: rgba(26,67,51,0.10);
  28. z-index: 20;
  29. position: fixed;
  30. bottom:0;
  31. }
  32. /* 弹窗上滑动画 */
  33. @keyframes slideUp {
  34. from { transform: translateY(100%); }
  35. to { transform: translateY(0); }
  36. }
  37. /* 弹窗下滑动画 */
  38. @keyframes slideDown {
  39. from { transform: translateY(0); }
  40. to { transform: translateY(100%); }
  41. }
  42. /* 上滑动画类 */
  43. .remind-slide-up {
  44. animation: slideUp 0.3s ease-out forwards;
  45. }
  46. /* 下滑动画类 */
  47. .remind-slide-down {
  48. animation: slideDown 0.3s ease-out forwards;
  49. }