index.wxss 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .ant-selector {
  2. position: relative;
  3. display: flex;
  4. flex-direction: column;
  5. background-color: #ffffff;
  6. line-height: 1.4;
  7. }
  8. .ant-selector-disabled .ant-selector-content {
  9. opacity: 0.6;
  10. }
  11. .ant-selector-disabled .ant-selector-content .ant-selector-item-disabled {
  12. opacity: 1;
  13. }
  14. .ant-selector-content {
  15. display: flex;
  16. flex: 0 33.3333%;
  17. padding: calc(12px / 2);
  18. box-sizing: border-box;
  19. }
  20. .ant-selector-content-item2 {
  21. flex: 1;
  22. }
  23. .ant-selector-content-container {
  24. display: flex;
  25. flex-wrap: wrap;
  26. justify-content: flex-start;
  27. }
  28. .ant-selector-content .ant-tap-modal-mask {
  29. width: calc(100% - 24 * 0.5px);
  30. height: calc(100% - 24 * 0.5px);
  31. margin: 6px 0 0 6px;
  32. }
  33. .ant-selector-item {
  34. position: relative;
  35. display: flex;
  36. flex: 1;
  37. flex-direction: column;
  38. justify-content: flex-start;
  39. overflow: hidden;
  40. padding: calc(12px / 2) calc(12px / 4);
  41. text-align: center;
  42. background-color: #f5f5f5;
  43. border-radius: 4px;
  44. }
  45. .ant-selector-item-active {
  46. background-color: #e7f1ff;
  47. }
  48. .ant-selector-item-active .ant-selector-item-text {
  49. color: #1677ff;
  50. }
  51. .ant-selector-item-disabled {
  52. opacity: 0.6;
  53. }
  54. .ant-selector-item-text {
  55. font-size: 15px;
  56. color: #333333;
  57. }
  58. .ant-selector-item-subtext {
  59. font-size: 13px;
  60. color: #999999;
  61. }
  62. .ant-selector-item-badge-active {
  63. position: absolute;
  64. top: 0;
  65. left: 0;
  66. right: 0;
  67. bottom: 0;
  68. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAfCAYAAAH8T49dAAAAAXNSR0IArs4c6QAAA7JJREFUWAnNV1tIlEEU/lYrzRClaHdd14jMlEwKBEGolwKhnqIICiKE6ikKhMRdk1ikwCx86KECoYKgsIuVUBT4FBQEUm9dpB4iKrSLouWau+7pnP2d/S/+e/fSPOxczne++ebM+WdngFSKs4XIhJMBKdFBl4/61MAspHJzqIbUjBrlqig2aHTLmUHQUIe0tBJDqgFr7fZRY4RwLS7QOIU4m4BrA+SeCOKbYpWpXT6tFwVavRVw7muZyaTNOoWSYgtyn6K6SBgvlVM0mKojNW/WWwWoLdMsJpDQ88ZWiUkA1w9poNh0av4aD3DnCBCaBmrOzoCqA7TsexB/ta79b4zJ3pzaaGmAvKEgPmdF5vTRUxAa1JRpk3He5HPeBBWBsU6ZjFV0sopmo7O1nZSMdyXMTrlWR9nCx8eA4XF9l5ZYQdLnxDjA+35T2eQTGJkAqtq1PFAk6rNQOJMyVwv95ENhpTIaa8mX/hNmJUa7tB2lrbSFE+q11bCofQ6N37TMTNUw0QDHuDZrMo7zJMc5T4RkTMbJW8zJO2JcjekoMBoStd1+2mUlEnzaZByfG5EIHtlNltYy+Wv4wiSccfYlJbJAgHIuBcHHW+KSdJneNqqIR/QhAPQe1SdISMbxaZoKYVCH6y0hKswHfA/1sbjLZKIXnIj1OlRvKaJtXcDgsD5uq4wTcUIRbS4F5NSoLtGc4hGJ1aSs8hwVjvzCmD6X1np/GiguAMYntaVZFSl8TJmrlXbYEQmwsh0Y5fNMYhSPSHBRZRyfbl4W/7tlVxwcn0/8oa7JjkbzNsVsLgiz4fB20fLQEK7y4vb/F8KcfqpHBL28KLda2KIJ23ebcp+9wnnOoSYlxlgvuDCPn6rCEfSxiAqjEGt7wYTxfb05AnTwxSf2+VrFGPvzKqwsQJ6pIO5zMtcZJ02lPS/C+P/roMMBOYP4uMqszJmwdS1U9Bu4xTJ2pirFUwRs3wA8eQP8+GP2ylqYx0cNYUIP0xabqeP35B7cc1g7/gX1/COwp9uMz0jY+ouUN/YVVziRG810iXtWQXJB38uCjH+5iiEtYSU+qp0mPGBnryJQtZ+fOuWrgQv9wLshNarV6QhSnkmFyR3q8iTOcCL7lZO1LlgKDPiAVSs0i7w6JBL5/E4xblmiCFk54wora6PyqTD6WNBGq1O8vrxc7vJdQO4ixpKOIOU3SxjfEI7zg7+L88f2XaYcE9WbWGDnboBPeJzkf0C7HErkL7aoMFeAnBTEPe5vTeawUPZ/WGpTpu45f4MAAAAASUVORK5CYII=') right bottom no-repeat;
  69. background-size: 19px 15px;
  70. }