u-select.wxss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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. border-radius: 6rpx;
  37. border-radius: 4px;
  38. border: 1px solid #dcdfe6;
  39. }
  40. .u-select__header.data-v-7b211ee7 {
  41. display: -webkit-box;
  42. display: -webkit-flex;
  43. display: flex;
  44. -webkit-box-orient: horizontal;
  45. -webkit-box-direction: normal;
  46. -webkit-flex-direction: row;
  47. flex-direction: row;
  48. -webkit-box-align: center;
  49. -webkit-align-items: center;
  50. align-items: center;
  51. -webkit-box-pack: justify;
  52. -webkit-justify-content: space-between;
  53. justify-content: space-between;
  54. height: 80rpx;
  55. padding: 0 40rpx;
  56. }
  57. .u-select__body.data-v-7b211ee7 {
  58. width: 100%;
  59. height: 500rpx;
  60. overflow: hidden;
  61. background-color: #fff;
  62. }
  63. .u-select__body__picker-view.data-v-7b211ee7 {
  64. height: 100%;
  65. box-sizing: border-box;
  66. }
  67. .u-select__body__picker-view__item.data-v-7b211ee7 {
  68. display: -webkit-box;
  69. display: -webkit-flex;
  70. display: flex;
  71. -webkit-box-orient: horizontal;
  72. -webkit-box-direction: normal;
  73. -webkit-flex-direction: row;
  74. flex-direction: row;
  75. -webkit-box-align: center;
  76. -webkit-align-items: center;
  77. align-items: center;
  78. -webkit-box-pack: center;
  79. -webkit-justify-content: center;
  80. justify-content: center;
  81. font-size: 32rpx;
  82. color: #303133;
  83. padding: 0 8rpx;
  84. }