select.wxss 1001 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* components/select/select.wxss */
  2. .xk-select {
  3. width: 522rpx;
  4. }
  5. .xk-select-content {
  6. background: white;
  7. font-size: 28rpx;
  8. position: relative;
  9. height: 70rpx;
  10. line-height: 70rpx;
  11. border-radius: 4rpx;
  12. border: 2rpx solid rgba(238, 238, 238, 1);
  13. }
  14. .xk-select-icon {
  15. position: absolute;
  16. right: 20rpx;
  17. top: 30rpx;
  18. width: 16rpx;
  19. height: 10rpx;
  20. transform: rotate(180deg);
  21. }
  22. .xk-select-icon.down {
  23. transform: rotate(0deg);
  24. }
  25. .xk-select-txt {
  26. overflow: hidden;
  27. text-overflow: ellipsis;
  28. white-space: nowrap;
  29. padding: 0 40rpx 0 20rpx;
  30. font-size: 28rpx;
  31. }
  32. .xk-select-options {
  33. background: white;
  34. width: inherit;
  35. position: absolute;
  36. border: 2rpx solid #e2e2e2;
  37. border-top: none;
  38. box-sizing: border-box;
  39. z-index: 3;
  40. max-height: 200rpx;
  41. overflow: auto;
  42. }
  43. .xk-select-options-item {
  44. height: 60rpx;
  45. line-height: 60rpx;
  46. padding: 0 20rpx;
  47. text-align: left;
  48. overflow: hidden;
  49. text-overflow: ellipsis;
  50. white-space: nowrap;
  51. font-size: 28rpx;
  52. }