app.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. Page {
  2. height: 100%;
  3. width: 100%;
  4. background-color: #F5F5F5;
  5. }
  6. .bg-scroll-view {
  7. width: 750rpx;
  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>image {
  59. width: 308rpx;
  60. height: 308rpx;
  61. margin: 320rpx auto 0rpx;
  62. }
  63. .no-data>text {
  64. width: 100%;
  65. font-size: 28rpx;
  66. text-align: center;
  67. color: #9197A3;
  68. }
  69. ::-webkit-scrollbar {
  70. width: 0px;
  71. height: 0px;
  72. color: transparent;
  73. }