u-cell.wxss 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  6. */
  7. view.data-v-1c4434ae, scroll-view.data-v-1c4434ae, swiper-item.data-v-1c4434ae {
  8. display: flex;
  9. flex-direction: column;
  10. flex-shrink: 0;
  11. flex-grow: 0;
  12. flex-basis: auto;
  13. align-items: stretch;
  14. align-content: flex-start;
  15. }
  16. .u-cell__body.data-v-1c4434ae {
  17. display: flex;
  18. flex-direction: row;
  19. box-sizing: border-box;
  20. padding: 10px 15px;
  21. font-size: 15px;
  22. color: #303133;
  23. align-items: center;
  24. }
  25. .u-cell__body__content.data-v-1c4434ae {
  26. display: flex;
  27. flex-direction: row;
  28. align-items: center;
  29. flex: 1;
  30. }
  31. .u-cell__body--large.data-v-1c4434ae {
  32. padding-top: 13px;
  33. padding-bottom: 13px;
  34. }
  35. .u-cell__left-icon-wrap.data-v-1c4434ae, .u-cell__right-icon-wrap.data-v-1c4434ae {
  36. display: flex;
  37. flex-direction: row;
  38. align-items: center;
  39. font-size: 16px;
  40. }
  41. .u-cell__left-icon-wrap.data-v-1c4434ae {
  42. margin-right: 4px;
  43. }
  44. .u-cell__right-icon-wrap.data-v-1c4434ae {
  45. margin-left: 4px;
  46. transition: -webkit-transform 0.3s;
  47. transition: transform 0.3s;
  48. transition: transform 0.3s, -webkit-transform 0.3s;
  49. }
  50. .u-cell__right-icon-wrap--up.data-v-1c4434ae {
  51. -webkit-transform: rotate(-90deg);
  52. transform: rotate(-90deg);
  53. }
  54. .u-cell__right-icon-wrap--down.data-v-1c4434ae {
  55. -webkit-transform: rotate(90deg);
  56. transform: rotate(90deg);
  57. }
  58. .u-cell__title.data-v-1c4434ae {
  59. flex: 1;
  60. }
  61. .u-cell__title-text.data-v-1c4434ae {
  62. font-size: 15px;
  63. line-height: 22px;
  64. color: #303133;
  65. }
  66. .u-cell__title-text--large.data-v-1c4434ae {
  67. font-size: 16px;
  68. }
  69. .u-cell__label.data-v-1c4434ae {
  70. margin-top: 5px;
  71. font-size: 12px;
  72. color: #909193;
  73. line-height: 18px;
  74. }
  75. .u-cell__label--large.data-v-1c4434ae {
  76. font-size: 14px;
  77. }
  78. .u-cell__value.data-v-1c4434ae {
  79. text-align: right;
  80. font-size: 14px;
  81. line-height: 24px;
  82. color: #606266;
  83. }
  84. .u-cell__value--large.data-v-1c4434ae {
  85. font-size: 15px;
  86. }
  87. .u-cell--clickable.data-v-1c4434ae {
  88. background-color: #f3f4f6;
  89. }
  90. .u-cell--disabled.data-v-1c4434ae {
  91. color: #c8c9cc;
  92. cursor: not-allowed;
  93. }
  94. .u-cell--center.data-v-1c4434ae {
  95. align-items: center;
  96. }