u-select.wxss 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .u-select__action.data-v-7b211ee7 {
  12. position: relative;
  13. line-height: 70rpx;
  14. height: 70rpx;
  15. }
  16. .u-select__action__icon.data-v-7b211ee7 {
  17. position: absolute;
  18. right: 20rpx;
  19. top: 50%;
  20. -webkit-transition: -webkit-transform .4s;
  21. transition: -webkit-transform .4s;
  22. transition: transform .4s;
  23. transition: transform .4s, -webkit-transform .4s;
  24. -webkit-transform: translateY(-50%);
  25. transform: translateY(-50%);
  26. z-index: 1;
  27. }
  28. .u-select__action__icon--reverse.data-v-7b211ee7 {
  29. -webkit-transform: rotate(-180deg) translateY(50%);
  30. transform: rotate(-180deg) translateY(50%);
  31. }
  32. .u-select__hader__title.data-v-7b211ee7 {
  33. color: #606266;
  34. }
  35. .u-select--border.data-v-7b211ee7 {
  36. -webkit-border-radius: 6rpx;
  37. border-radius: 6rpx;
  38. -webkit-border-radius: 4px;
  39. border-radius: 4px;
  40. border: 1px solid #dcdfe6;
  41. }
  42. .u-select__header.data-v-7b211ee7 {
  43. display: -webkit-box;
  44. display: -webkit-flex;
  45. display: flex;
  46. -webkit-box-orient: horizontal;
  47. -webkit-box-direction: normal;
  48. -webkit-flex-direction: row;
  49. flex-direction: row;
  50. -webkit-box-align: center;
  51. -webkit-align-items: center;
  52. align-items: center;
  53. -webkit-box-pack: justify;
  54. -webkit-justify-content: space-between;
  55. justify-content: space-between;
  56. height: 80rpx;
  57. padding: 0 40rpx;
  58. }
  59. .u-select__body.data-v-7b211ee7 {
  60. width: 100%;
  61. height: 500rpx;
  62. overflow: hidden;
  63. background-color: #fff;
  64. }
  65. .u-select__body__picker-view.data-v-7b211ee7 {
  66. height: 100%;
  67. -webkit-box-sizing: border-box;
  68. box-sizing: border-box;
  69. }
  70. .u-select__body__picker-view__item.data-v-7b211ee7 {
  71. display: -webkit-box;
  72. display: -webkit-flex;
  73. display: flex;
  74. -webkit-box-orient: horizontal;
  75. -webkit-box-direction: normal;
  76. -webkit-flex-direction: row;
  77. flex-direction: row;
  78. -webkit-box-align: center;
  79. -webkit-align-items: center;
  80. align-items: center;
  81. -webkit-box-pack: center;
  82. -webkit-justify-content: center;
  83. justify-content: center;
  84. font-size: 32rpx;
  85. color: #303133;
  86. padding: 0 8rpx;
  87. }