index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /* 标题 */
  2. .checkbox_title {
  3. font-size: 32rpx;
  4. font-weight: 600;
  5. color: #000000;
  6. margin: 40rpx 0 30rpx 54rpx;
  7. }
  8. /* 列表 */
  9. .checkbox_list {
  10. display: flex;
  11. flex-wrap: wrap;
  12. width: 100vw;
  13. min-height: 200rpx;
  14. padding: 0 60rpx;
  15. box-sizing: border-box;
  16. }
  17. /* 子项 */
  18. .checkbox_item {
  19. display: block;
  20. min-width: 180rpx;
  21. height: 64rpx;
  22. line-height: 64rpx;
  23. text-align: center;
  24. background: #F6F7F8;
  25. border-radius: 40rpx;
  26. font-size: 28rpx;
  27. color: rgba(0, 0, 0, .5);
  28. padding: 0 8rpx;
  29. margin-bottom: 30rpx;
  30. margin-right: 15rpx;
  31. }
  32. /* 选中后背景颜色 */
  33. .choice {
  34. background-color: #4EBFCF;
  35. color: #ffffff;
  36. }
  37. /* 按钮 */
  38. .checkbox_but {
  39. position: relative;
  40. width: 100vw;
  41. margin: 30rpx 0 80rpx 0;
  42. box-sizing: border-box;
  43. }
  44. .checkbox_but>view {
  45. position: absolute;
  46. width: 188rpx;
  47. height: 64rpx;
  48. background: #4EBFCF;
  49. border-radius: 14rpx;
  50. right: 60rpx;
  51. overflow: hidden;
  52. }
  53. .customClass {
  54. width: 100% !important;
  55. height: 100% !important;
  56. }