app.scss 995 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /* 页面公共scss */
  2. .container {
  3. padding-top: var(--status-bar-height);//uni-app提供了状态栏高度的css变量--status-bar-height
  4. background-color: $uni-bg-color;
  5. box-sizing: border-box;
  6. height: 100%;
  7. }
  8. /* 布局间距 */
  9. .m-0-r {
  10. margin: 0rpx;
  11. }
  12. .mtb-0-r {
  13. margin-top: 0rpx;
  14. margin-bottom: 0rpx;
  15. }
  16. .no-mlt {
  17. margin-left: 0rpx;
  18. margin-right: 0rpx;
  19. }
  20. .mtb-30-r {
  21. margin-top: 30rpx;
  22. margin-bottom: 30rpx;
  23. }
  24. .mlr-30-r {
  25. margin-left: 30rpx;
  26. margin-right: 30rpx;
  27. }
  28. .mt-20-r {margin-top: 20rpx;}
  29. .mt-30-r {margin-top: 30rpx;}
  30. .mt-40-r {margin-top: 40rpx;}
  31. .mt-50-r {margin-top: 50rpx;}
  32. .mb-20-r {margin-bottom: 20rpx;}
  33. .mb-30-r {margin-bottom: 30rpx;}
  34. .mb-40-r {margin-bottom: 40rpx;}
  35. .mb-50-r {margin-bottom: 50rpx;}
  36. .ml-20-r {margin-left: 20rpx;}
  37. .ml-30-r {margin-left: 30rpx;}
  38. .ml-40-r {margin-left: 40rpx;}
  39. .ml-50-r {margin-left: 50rpx;}
  40. .mr-20-r {margin-right: 20rpx;}
  41. .mr-30-r {margin-right: 30rpx;}
  42. .mr-40-r {margin-right: 40rpx;}
  43. .mr-50-r {margin-right: 50rpx;}