myButton.wxss 988 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /* components/myButton/myButton.wxss */
  2. .my-button {
  3. width: 250rpx !important;
  4. font-size: 30rpx !important;
  5. font-weight: normal !important;
  6. border-radius: 40rpx !important;
  7. }
  8. .my-large-button {
  9. display: flex;
  10. justify-content: center;
  11. align-items: center;
  12. padding: 0rpx;
  13. width: 200rpx !important;
  14. height: 100rpx !important;
  15. font-size: 30rpx !important;
  16. border-radius: 20rpx !important;
  17. font-weight: normal !important;
  18. }
  19. .my-mini-button {
  20. font-size: 25rpx !important;
  21. font-weight: normal !important;
  22. border-radius: 20rpx !important;
  23. }
  24. .my-primary-disabled-button {
  25. color: #DDEEEE !important;
  26. background: #30B0B0 !important;
  27. }
  28. .my-default-disabled-button {
  29. color: #909090 !important;
  30. background: #DDDDDD !important;
  31. }
  32. .my-primary-hover-button {
  33. color: #CCDDDD !important;
  34. background: #008080 !important;
  35. }
  36. .my-default-hover-button {
  37. color: #303030 !important;
  38. background: #CCCCCC !important;
  39. }