app.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. page {
  2. /* height: 100%;
  3. width: 100%; */
  4. background-color: #F5F5F5;
  5. }
  6. .bg-scroll-view {
  7. width: 100%;
  8. /* height: 100%; */
  9. background-color: #F5F5F5;
  10. }
  11. /* scrollview底部视图 */
  12. .scroll-view-bottom-view {
  13. width: 100%;
  14. height: 136rpx;
  15. }
  16. .scroll-view-bottom-view-X {
  17. width: 100%;
  18. height: 204rpx;
  19. }
  20. /* 没有间隔的 */
  21. .scroll-view-bottom-view-n {
  22. width: 100%;
  23. height: 112rpx;
  24. }
  25. .scroll-view-bottom-view-n-X {
  26. width: 100%;
  27. height: 180rpx;
  28. }
  29. /* 底部固定视图 */
  30. .bottom-view, .bottom-view-X {
  31. position: fixed;
  32. width: 100%;
  33. background-color: white;
  34. bottom: 0rpx;
  35. display: flex;
  36. flex-direction: column;
  37. box-shadow: 0 -4rpx 12rpx 0 rgba(0,0,0,0.01);
  38. }
  39. .bottom-view {
  40. height: 112rpx;
  41. }
  42. .bottom-view-X {
  43. height: 180rpx;
  44. }
  45. .tab-shadow-view {
  46. position: fixed;
  47. bottom: -98rpx;
  48. width: 100%;
  49. height: 98rpx;
  50. box-shadow: 0 -4rpx 12rpx 0 rgba(0,0,0,0.01);
  51. }
  52. /* no-data */
  53. .no-data {
  54. width: 100%;
  55. display: flex;
  56. flex-direction: column;
  57. }
  58. .no-data>view {
  59. width: 100%;
  60. height: 340rpx;
  61. }
  62. .no-data>text {
  63. width: 100%;
  64. font-size: 28rpx;
  65. text-align: center;
  66. color: #999999;
  67. }
  68. ::-webkit-scrollbar {
  69. width: 0px;
  70. height: 0px;
  71. color: transparent;
  72. }