message-select.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. @import '../../../../themes/t.cell.scss';
  2. @import '../../common.scss';
  3. .form-picker {
  4. &__header {
  5. display: flex;
  6. align-items: center;
  7. height: 116rpx;
  8. .title {
  9. flex: 1;
  10. text-align: center;
  11. font-weight: 600;
  12. font-size: 36rpx;
  13. color: var(--td-text-color-primary);
  14. }
  15. .btn {
  16. font-size: 32rpx;
  17. padding: 32rpx;
  18. &--cancel {
  19. color: var(--td-text-color-secondary);
  20. }
  21. &--confirm {
  22. color: var(--primary-color);
  23. }
  24. }
  25. }
  26. &__content {
  27. padding: 0 12px;
  28. box-sizing: border-box;
  29. }
  30. }
  31. .not-change {
  32. width: 100%;
  33. font-size: 14px;
  34. text-align: center;
  35. color: #1D6FF6;
  36. background-color: #F2F3FF;
  37. padding: 10px 20px;
  38. border-radius: 15rpx;
  39. }
  40. .sub-btn {
  41. width: 100%;
  42. color: white;
  43. background-color: #1D6FF6;
  44. font-size: 14px;
  45. text-align: center;
  46. padding: 10px 20px;
  47. border-radius: 15rpx;
  48. }
  49. /* module/chats/components/message-select/message-select.wxss */
  50. .card {
  51. position: relative;
  52. display: flex;
  53. justify-content: center;
  54. align-items: center;
  55. padding: 4px;
  56. font-size: 28rpx;
  57. text-align: center;
  58. border-radius: 12rpx;
  59. overflow: hidden;
  60. box-sizing: border-box;
  61. background-color: white;
  62. border: 1px solid #EEEEEE;
  63. color: #191919;
  64. &--active {
  65. border: 1px solid #1D6FF6;
  66. padding: 4px 4px 4px 22px;
  67. &::after {
  68. content: '';
  69. display: block;
  70. position: absolute;
  71. left: 0;
  72. top: 0;
  73. width: 0;
  74. height: 0;
  75. border-width: 28px 28px 28px 0;
  76. border-style: solid;
  77. border-color: var(--td-bg-color-container) transparent transparent transparent;
  78. border: 14px solid #1D6FF6;
  79. border-bottom-color: transparent;
  80. border-right-color: transparent;
  81. }
  82. }
  83. &--disabled {
  84. opacity: 0.5;
  85. }
  86. &__icon {
  87. color: white;
  88. position: absolute;
  89. left: 1.5px;
  90. top: 1.5px;
  91. z-index: 1;
  92. }
  93. }
  94. .item.disabled {
  95. opacity: 0.5;
  96. }