app.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import "/static/font.wxss";
  2. @import "/static/common.wxss";
  3. page {
  4. /* 主题色 */
  5. --themeColor: #FAE529;
  6. /* 副题色 */
  7. --subtitleColor: #AFDBF6;
  8. }
  9. checkbox .wx-checkbox-input{
  10. border-radius:50%;
  11. width:20px;height:20px;
  12. }
  13. checkbox .wx-checkbox-input.wx-checkbox-input-checked{
  14. border-color:var(--subtitleColor) !important;
  15. background:var(--subtitleColor) !important;
  16. }
  17. checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
  18. border-radius:50%;
  19. width:20px;
  20. height:20px;
  21. line-height:20px;
  22. text-align:center;
  23. font-size:15px;
  24. color:#fff;
  25. background:transparent;
  26. transform:translate(-50%, -50%) scale(1);
  27. -webkit-transform:translate(-50%, -50%) scale(1);
  28. }
  29. radio .wx-radio-input{
  30. border-radius:50%;
  31. width:20px;
  32. height:20px;
  33. }
  34. radio .wx-radio-input.wx-radio-input-checked{
  35. border-color:var(--subtitleColor) !important;
  36. background:var(--subtitleColor) !important;
  37. }
  38. radio .wx-radio-input.wx-radio-input-checked::before{
  39. border-radius:50%;
  40. width:20px;
  41. height:20px;
  42. line-height:20px;
  43. text-align:center;
  44. font-size:15px;
  45. color:#fff;
  46. background:transparent;
  47. transform:translate(-50%, -50%) scale(1);
  48. -webkit-transform:translate(-50%, -50%) scale(1);
  49. }