style.scss 610 B

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