474bb9724f24fe200bc370a74a4acadc8dc9dbcf.svn-base 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <template>
  2. <div>
  3. <div class="letBallBox">
  4. <div class="tit">
  5. <span>进球:大 / 小-上半场</span>
  6. </div>
  7. <div class="playCode">
  8. <div class="home">
  9. <div class="teamName">
  10. <span>大</span>
  11. </div>
  12. <div class="oddsBox">
  13. <span class="condation">0.5</span>
  14. <span class="odds">1.28</span>
  15. </div>
  16. <div class="oddsBox">
  17. <span class="condation">0.5</span>
  18. <span class="odds">1.28</span>
  19. </div>
  20. </div>
  21. <div class="guest">
  22. <div class="teamName">
  23. <span>小</span>
  24. </div>
  25. <div class="oddsBox">
  26. <span class="condation"></span>
  27. <span class="odds">0.76</span>
  28. </div>
  29. <div class="oddsBox">
  30. <span class="condation"></span>
  31. <span class="odds">0.76</span>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. </template>
  38. <script>
  39. export default {};
  40. </script>
  41. <style scoped>
  42. .tit {
  43. background: #373737;
  44. font-size: 0.14rem;
  45. padding: 0 0.1rem;
  46. height: 0.4rem;
  47. line-height: 0.4rem;
  48. color: #b4b4b4;
  49. }
  50. .playCode {
  51. background: #fff;
  52. width: 100%;
  53. height: auto;
  54. }
  55. .playCode:hover {
  56. background: #fff5e9;
  57. }
  58. .home,
  59. .guest {
  60. color: rgba(0, 0, 0);
  61. display: flex;
  62. align-items: center;
  63. height: 0.4rem;
  64. font-size: 0.14rem;
  65. }
  66. .teamName {
  67. width: 20%;
  68. padding-left: 0.1rem;
  69. }
  70. .oddsBox {
  71. width: 25%;
  72. text-align: right;
  73. }
  74. .playCode .odds {
  75. display: inline-block;
  76. height: 0.3rem;
  77. border: 1px solid #e4e4e4;
  78. width: 0.5rem;
  79. background-color: #fff;
  80. text-align: center;
  81. line-height: 0.23rem;
  82. margin: 7px auto 4px;
  83. padding: 0.04rem;
  84. }
  85. .playCode .odds:hover {
  86. background: orange;
  87. color: #fff;
  88. border-color: orange;
  89. }
  90. .condation {
  91. height: 0.4rem;
  92. vertical-align: middle;
  93. color: #bd4700;
  94. padding: 0 0.1rem;
  95. font-size: 0.12rem;
  96. }
  97. </style>