switchcity.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .searchLetter{
  2. position: fixed;
  3. right: 0;
  4. width: 40px;
  5. height: 100%;
  6. text-align: center;
  7. justify-content: center;
  8. display: flex;
  9. flex-direction: column;
  10. color: #666;
  11. z-index: 1
  12. }
  13. .searchLetter view{
  14. height: 70rpx;
  15. }
  16. .touchClass{
  17. background-color: rgba(0, 0, 0,0.5);
  18. color: #fff;
  19. }
  20. .showSlectedLetter{
  21. background-color: rgba(0, 0, 0,0.5);
  22. color: #fff;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. position: fixed;
  27. top:50%;
  28. left: 50%;
  29. margin: -50px;
  30. width: 100px;
  31. height: 100px;
  32. border-radius:10px;
  33. font-size: 26px;
  34. z-index: 1
  35. }
  36. .selection{
  37. display: flex;
  38. width: 100%;
  39. flex-direction: column;
  40. }
  41. .item_letter{
  42. display: flex;
  43. background-color: #f8f8f8;
  44. height: 30px;
  45. padding-left: 10px;
  46. align-items: center;
  47. }
  48. .item_city{
  49. display: flex;
  50. background-color: #fff;
  51. height: 40px;
  52. padding-left: 10px;
  53. align-items: center;
  54. border-bottom: 1px solid #f8f8f8
  55. }