39b75414392636ca52552e64c3e873230fc67497.svn-base 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. *{touch-action: none;}
  2. /* Flex 布局 */
  3. /* 平行 */
  4. .row,.column {
  5. display: flex;
  6. flex-direction: row;
  7. }
  8. /* 垂直 */
  9. .column {
  10. flex-direction: column;
  11. }
  12. /* 自动填充 */
  13. .col-w,.col-h {
  14. flex: 1;
  15. }
  16. /* 横向 */
  17. .col-w {
  18. width: 0;
  19. }
  20. /* 纵向 */
  21. .col-h {
  22. height: 0;
  23. }
  24. /* 水平垂直居中 */
  25. .center {
  26. justify-content: center;
  27. align-items: center;
  28. }
  29. /* 水平居中 */
  30. .item-center {
  31. align-items: center;
  32. }
  33. /* 垂直居中 */
  34. .vertical-center {
  35. justify-content: center;
  36. }
  37. /* 上对齐 */
  38. .topAlignment {
  39. align-items: flex-strat;
  40. }
  41. /* 右对齐 */
  42. .rightAlignment {
  43. justify-content: flex-end;
  44. }
  45. /* 下对齐 */
  46. .bottomAlignment {
  47. align-items: flex-end;
  48. }
  49. /* 左右对齐,项目之间的间隔都相等 */
  50. .allAlignment {
  51. justify-content: space-between;
  52. }
  53. /* 每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍 */
  54. .average {
  55. justify-content: space-around;
  56. }
  57. /* 项目的第一行文字的基线对齐 */
  58. .items-baseline {
  59. align-items: baseline;
  60. }
  61. /* 省略号 */
  62. .ellipsis{
  63. overflow: hidden;
  64. text-overflow:ellipsis;
  65. white-space: nowrap;
  66. }
  67. body{
  68. margin: 0;
  69. padding: 0;
  70. }
  71. /* 取消苹果的safari浏览器下点击出现高亮效果 */
  72. *{
  73. -webkit-tap-highlight-color:rgba(0,0,0,0)
  74. }
  75. /* 赔率变低 */
  76. .reduce_color{
  77. background:red;
  78. color:#fff;
  79. /* animation:mymove1 5s linear 0s 1;
  80. -webkit-animation:mymove1 5s linear 0s 1; */
  81. }
  82. /* 赔率增高 */
  83. .increased_color{
  84. background:Lightgreen;
  85. color:#fff;
  86. /* animation:mymove 5s linear 0s 1;
  87. -webkit-animation:mymove 5s linear 0s 1;Safari and Chrome */
  88. }