| | |
| | | } |
| | | |
| | | .grid-item-line-box { |
| | | width: 20px; |
| | | height: 20px; |
| | | width: 18px; |
| | | height: 18px; |
| | | background-color: rgb(97, 250, 145); |
| | | position: absolute; |
| | | display: flex; |
| | |
| | | } |
| | | |
| | | .grid-container { |
| | | margin-top: 10px; |
| | | width: 100%; |
| | | display: grid; |
| | | grid-template-columns: repeat(51, 1fr); |
| | |
| | | /* 每行高度 */ |
| | | gap: 0px; |
| | | /* Gap between cells */ |
| | | } |
| | | |
| | | .grid-item { |
| | | background-color: #9c9c9c; |
| | | border: 1px solid #797777; |
| | | text-align: center; |
| | | line-height: 1.4vw; |
| | | /* 行高 */ |
| | | width: 100%; |
| | | /* 自适应宽度 */ |
| | | height: 100%; |
| | | /* 自适应高度 */ |
| | | color: #fff; |
| | | font-size: 0.7vw; |
| | | } |
| | | |
| | | .card { |
| | | width: 100%; |
| | | position: absolute; |
| | | border-top: none; |
| | | z-index: 90; |
| | | margin-top: 310px; |
| | | } |
| | | |
| | | .grid-container { |
| | | margin-top: 10px; |
| | | width: 100%; |
| | | display: grid; |
| | | grid-template-columns: repeat(51, 1fr); |
| | | /* 每列宽度 */ |
| | | grid-template-rows: repeat(12, 1fr); |
| | | /* 每行高度 */ |
| | | gap: 0px; |
| | | /* Gap between cells */ |
| | | |
| | | margin-top: -20px;; |
| | | } |
| | | |
| | | .grid-item { |
| | |
| | | font-size: 0.6vw; |
| | | } |
| | | |
| | | .card { |
| | | width: 100%; |
| | | position: absolute; |
| | | border-top: none; |
| | | z-index: 90; |
| | | margin-top: 310px; |
| | | } |
| | | |
| | | .active { |
| | | background-color: rgb(57, 141, 251); |
| | | /* IsUse 为1时背景颜色为蓝色 */ |
| | | color: #f5f5f5; |
| | | } |
| | | |
| | | .active2>div { |
| | | display: none; |
| | | } |
| | | .active2>div { |
| | | display: none; |
| | | } |