| | |
| | | </div> |
| | | |
| | | <div class="body" ref="tableBox" @click="handleSelectClick($event)"> |
| | | <ul> |
| | | <li style="color: #fff; background: rgb(1, 76, 137);"> |
| | | <ul class="title-header"> |
| | | <li> |
| | | <span class="num">序号</span> |
| | | <span class="type">警情类别</span> |
| | | <span class="dealTime">接警时间</span> |
| | |
| | | width: calc(100% - 24px); |
| | | height: calc(100% - 80px); |
| | | |
| | | .title-header { |
| | | li { |
| | | color: #fff !important; |
| | | background: $table-header-bg-color !important; |
| | | } |
| | | } |
| | | |
| | | /* 解决自定义滚动条 x 轴显示问题 */ |
| | | .warp { |
| | | margin: 0 auto; |
| | |
| | | } |
| | | |
| | | li:nth-child(2n) { |
| | | background: rgba(20, 50, 123, 1); |
| | | background: $table-body-tr-2n-color; |
| | | color: #fff !important; |
| | | } |
| | | |
| | | li:nth-child(2n-1) { |
| | | background: rgba(29, 38, 105, 1); |
| | | background: $table-body-tr-n-color; |
| | | color: #fff; |
| | | } |
| | | } |