| | |
| | | <template #content> |
| | | <div class="content_box"> |
| | | <div class="list_box"> |
| | | <span class="content_span" @click="scrollLeft">《</span> |
| | | <span class="content_span" @click="scrollLeft"> |
| | | <img src="@/assets/images/left.png" alt=""> |
| | | </span> |
| | | <el-scrollbar ref="scrollbarRef" @scroll="scroll"> |
| | | <div class="scrollbar-flex-content"> |
| | | <p v-for="(item, index) in tilteList" @click="handleClick(item, index)" :key="index" |
| | |
| | | </p> |
| | | </div> |
| | | </el-scrollbar> |
| | | <span class="content_span" @click="scrollRight">》</span> |
| | | <span class="content_span" @click="scrollRight"> |
| | | <img src="@/assets/images/right.png" alt=""> |
| | | </span> |
| | | </div> |
| | | |
| | | <div class="page_box"> |
| | |
| | | line-height: 70px; |
| | | margin: 0 15px; |
| | | cursor: pointer; |
| | | |
| | | & img { |
| | | // 图片上下居中 |
| | | vertical-align: middle; |
| | | width: 30px; |
| | | height: 30px; |
| | | } |
| | | |
| | | & img:hover { |
| | | box-shadow: inset 0 0 40px #fff; |
| | | border-radius: 10px; |
| | | } |
| | | } |
| | | |
| | | .page_box .el-table { |
| | |
| | | } |
| | | |
| | | .active { |
| | | // background-color: rgba(255, 255, 255, 0.3); |
| | | color: #409eff; |
| | | border-radius: 10px; |
| | | // color: #409eff; |
| | | // border-radius: 10px; |
| | | box-shadow: inset 0 0 100px #2a8ef1; |
| | | } |
| | | </style> |