style.scss 706 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @import "../../style/common";
  2. .button-group{
  3. display: flex;
  4. flex-direction: row;
  5. align-items: center;
  6. justify-content: flex-end;
  7. }
  8. .button{
  9. position: relative;
  10. width: 141upx;
  11. height: 50upx;
  12. justify-content: center;
  13. align-items: center;
  14. font-size: 24upx;
  15. line-height: 32upx;
  16. color: #999;
  17. border-radius: 25upx;
  18. transition: opacity .1s;
  19. border: 2upx solid #999;
  20. margin-left: 30upx;
  21. }
  22. .button-main{
  23. border: 2upx solid #028748;
  24. color: #028748;
  25. }
  26. .button-fail{
  27. border: 2upx solid #FF6754;
  28. color: #FF6754;
  29. }
  30. .button:active{
  31. opacity: 0.8;
  32. }
  33. .button-group-big .button{
  34. width: 150upx;
  35. height: 60upx;
  36. border-radius: 30upx;
  37. font-size: 28upx;
  38. line-height: 32upx;
  39. }