|
|
@@ -72,9 +72,7 @@
|
|
|
<!-- 历史记录表格区域 -->
|
|
|
<div class="record-form">
|
|
|
<!-- 标题 -->
|
|
|
- <div class="record-form-title">
|
|
|
- <div class="info">历史记录</div>
|
|
|
- </div>
|
|
|
+ <div class="record-form-title">历史记录</div>
|
|
|
<!-- 时间选择器 -->
|
|
|
<div class="record-form-time">
|
|
|
<div class="time">
|
|
|
@@ -502,7 +500,7 @@ export default {
|
|
|
.watch-form {
|
|
|
width: 487px;
|
|
|
height: 517px;
|
|
|
- border: 1px solid #58beff;
|
|
|
+ // border: 1px solid #58beff;
|
|
|
.watch-form-list {
|
|
|
display: flex;
|
|
|
justify-content: space-evenly;
|
|
|
@@ -533,7 +531,6 @@ export default {
|
|
|
align-items: center;
|
|
|
width: 254px;
|
|
|
height: 54px;
|
|
|
- // border-bottom: 1px solid #58beff;
|
|
|
.record-img {
|
|
|
width: 26px;
|
|
|
height: 16px;
|
|
|
@@ -553,20 +550,16 @@ export default {
|
|
|
.record-form {
|
|
|
width: 254px;
|
|
|
height: 517px;
|
|
|
- border: 1px solid #58beff;
|
|
|
+ border: 1px solid #fff;
|
|
|
.record-form-title {
|
|
|
width: 254px;
|
|
|
height: 48px;
|
|
|
- border-bottom: 1px solid #0febff;
|
|
|
- .info {
|
|
|
- padding-left: 76px;
|
|
|
- padding-top: 12px;
|
|
|
- width: 77px;
|
|
|
- height: 19px;
|
|
|
- font-size: 19px;
|
|
|
- font-weight: 400;
|
|
|
- color: #ffffff;
|
|
|
- }
|
|
|
+ line-height: 48px;
|
|
|
+ font-size: 19px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
}
|
|
|
.record-form-time {
|
|
|
width: 254px;
|
|
|
@@ -666,5 +659,19 @@ export default {
|
|
|
::v-deep .el-table tbody tr:hover > td {
|
|
|
background-color: skyblue;
|
|
|
}
|
|
|
+
|
|
|
+ ::v-deep .el-table__header-wrapper {
|
|
|
+ font-size: 19px;
|
|
|
+ }
|
|
|
+ // 滚动条背景色
|
|
|
+ ::-webkit-scrollbar {
|
|
|
+ background: #24578c;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*定义滑块 样式*/
|
|
|
+ ::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 3px;
|
|
|
+ background-color: rgba($color: #063568, $alpha: 0.5);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
