index.wxss 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. /* uni.scss */
  7. .content.data-v-523c5cf9 {
  8. display: flex;
  9. flex-direction: column;
  10. width: 100vw;
  11. height: 100vh;
  12. }
  13. .content .top.data-v-523c5cf9 {
  14. margin: 2vw;
  15. }
  16. .content .bottom.data-v-523c5cf9 {
  17. position: relative;
  18. flex-grow: 1;
  19. }
  20. .content .bottom .text.data-v-523c5cf9 {
  21. display: flex;
  22. justify-content: flex-end;
  23. padding: 2vw;
  24. font-size: var(--font14Size);
  25. color: #606266;
  26. }
  27. .content .bottom .text text.data-v-523c5cf9 {
  28. margin: 0 0 0 1vw;
  29. }
  30. .content .bottom .list.data-v-523c5cf9 {
  31. display: flex;
  32. margin: 1vw 0 0 0;
  33. padding: 1vw;
  34. height: 100px;
  35. }
  36. .content .bottom .list .left .image.data-v-523c5cf9 {
  37. width: 130px;
  38. height: 100px;
  39. border-radius: 2px;
  40. }
  41. .content .bottom .list .right.data-v-523c5cf9 {
  42. display: flex;
  43. flex-direction: column;
  44. justify-content: space-between;
  45. width: 100%;
  46. }
  47. .content .bottom .list .right .name.data-v-523c5cf9 {
  48. font-size: var(--font14Size);
  49. }
  50. .content .bottom .list .right .other.data-v-523c5cf9 {
  51. color: var(--f85Color);
  52. font-size: var(--font12Size);
  53. }
  54. .content .bottom .list .right .right_1.data-v-523c5cf9 {
  55. display: flex;
  56. justify-content: space-between;
  57. align-items: center;
  58. }
  59. .content .bottom .list .right .right_1 .money.data-v-523c5cf9 {
  60. color: var(--fF0Color);
  61. font-size: var(--font12Size);
  62. }
  63. .content .bottom .list .right .right_1 .money text.data-v-523c5cf9:first-child {
  64. font-size: var(--font18Size);
  65. }
  66. .content .bottom .list .right .right_1 .button.data-v-523c5cf9 {
  67. background-color: var(--fFFColor);
  68. }
  69. .scroll-view.data-v-523c5cf9 {
  70. position: absolute;
  71. top: 0;
  72. left: 0;
  73. right: 0;
  74. bottom: 0;
  75. }
  76. .scroll-view .list-scroll-view.data-v-523c5cf9 {
  77. display: flex;
  78. flex-direction: column;
  79. }
  80. .is_bottom.data-v-523c5cf9 {
  81. width: 100%;
  82. text-align: center;
  83. }
  84. .is_bottom text.data-v-523c5cf9 {
  85. padding: 2vw 0;
  86. display: inline-block;
  87. color: var(--f85Color);
  88. font-size: var(--font12Size);
  89. }