index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .flex-col {
  2. display: flex;
  3. flex-direction: column;
  4. }
  5. .flex-row {
  6. display: flex;
  7. flex-direction: row;
  8. }
  9. .flex-row-reverse {
  10. display: flex;
  11. flex-direction: row-reverse;
  12. }
  13. .bord{
  14. border: 1px solid red;
  15. }
  16. .justify-start {
  17. display: flex;
  18. justify-content: flex-start;
  19. }
  20. .justify-center {
  21. display: flex;
  22. justify-content: center;
  23. }
  24. .justify-end {
  25. display: flex;
  26. justify-content: flex-end;
  27. }
  28. .justify-evenly {
  29. display: flex;
  30. justify-content: space-evenly;
  31. }
  32. .justify-around {
  33. display: flex;
  34. justify-content: space-around;
  35. }
  36. .justify-between {
  37. display: flex;
  38. justify-content: space-between;
  39. }
  40. .align-start {
  41. display: flex;
  42. align-items: flex-start;
  43. }
  44. .align-center {
  45. display: flex;
  46. align-items: center;
  47. }
  48. .align-end {
  49. display: flex;
  50. align-items: flex-end;
  51. }
  52. .sticky {
  53. display: flex;
  54. position: -webkit-sticky;
  55. position: sticky;
  56. top: 0rpx;
  57. z-index: 99;
  58. }
  59. .bord{
  60. border: 1px solid red;
  61. }
  62. .content {
  63. background: rgba(247, 247, 247, 1);
  64. }
  65. .tabBarView {
  66. position: fixed;
  67. bottom: 0;
  68. }
  69. .head-wrap {
  70. position: relative;
  71. width: 750rpx;
  72. height: 1656rpx;
  73. overflow: hidden;
  74. display: flex;
  75. flex-direction: column;
  76. }
  77. .content {
  78. position: absolute;
  79. top: 10%;
  80. left: 24rpx;
  81. right: 24rpx;
  82. border-radius: 12rpx;
  83. }
  84. .user-head {
  85. margin-right: 6px;
  86. }