分析影响网站排名的因素,自己做儿童衣服教程的网站,怎么在后台设计网站,网站首页index.html1、实现效果#xff0c;外部框是蓝绿色边框#xff0c;深色背景#xff0c;里面的表格首先设置透明色#xff0c;然后应用自定义斑马纹。 2、代码 template代码#xff0c;其中样式frameBordStyle是深色背景框#xff0c;不负责表格样式#xff0c;表格样式由tableStyl…1、实现效果外部框是蓝绿色边框深色背景里面的表格首先设置透明色然后应用自定义斑马纹。 2、代码 template代码其中样式frameBordStyle是深色背景框不负责表格样式表格样式由tableStyle负责
div classframeBordStyle tableStyleel-table :datatableData :row-class-nametableRowClassName height48vh stylewidth: 100%el-table-column propname label名称 width90/el-table-columnel-table-column propaction label操作动作 width90/el-table-columnel-table-column propdate label操作时间/el-table-column/el-table/div在methods里写下行样式函数奇数行与偶数行运用不同样式
tableRowClassName({row,rowIndex}) {if (rowIndex % 2 1) {return deep_row} else {return light_row}},style里面样式
.tableStyle {padding: 0px 5px;//底色透明::v-deep .el-table {background-color: transparent !important;}//表格标题样式::v-deep .el-table th.el-table__cell {background-color: rgba(8, 26, 34, 0.92) !important;color: #BEFFFE;font-weight: 400;font-size: 13px;}//表格内容字样式::v-deep .el-table td.el-table__cell div {font-size: 12px;color: #DBFFFF;opacity: 0.8;}//表格行底部白线设为透明::v-deep .el-table th.el-table__cell.is-leaf,::v-deep .el-table td.el-table__cell {border-bottom: 1px solid transparent !important;}//表格底部白线去掉.el-table::before {height: 0px;}//表格行鼠标悬浮样式::v-deep .el-table {tbody tr {:hover {td {background-color: rgba($color: #81D3F8, $alpha: 0.5) !important;}}}}//斑马纹深色样式::v-deep .deep_row {background-color: transparent !important;}//斑马纹浅色样式::v-deep .light_row {background: rgba(202, 240, 245, 0.2) !important;}}
