| | |
| | | <template> |
| | | <!-- <div class="react">--> |
| | | <!-- <div class="main-table">--> |
| | | <!-- <el-table :data="listData" style="width: 100%" height="255px" :row-class-name="tableRowClassName">--> |
| | | <!-- <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"--> |
| | | <!-- :label="item.label" :show-overflow-tooltip="true"></el-table-column>--> |
| | | <!-- </el-table>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <div class="slotChildTable"> |
| | | <span></span> |
| | | <span></span> |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | //.react { |
| | | // position: relative; |
| | | // background: rgba(33, 41, 69, 0.9); |
| | | // background: linear-gradient(to left, #02a6b5, #02a6b5) left top no-repeat, |
| | | // linear-gradient(to bottom, #02a6b5, #02a6b5) left top no-repeat, |
| | | // linear-gradient(to left, #02a6b5, #02a6b5) right top no-repeat, |
| | | // linear-gradient(to bottom, #02a6b5, #02a6b5) right top no-repeat, |
| | | // linear-gradient(to left, #02a6b5, #02a6b5) left bottom no-repeat, |
| | | // linear-gradient(to bottom, #02a6b5, #02a6b5) left bottom no-repeat, |
| | | // linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat, |
| | | // linear-gradient(to left, #02a6b5, #02a6b5) right bottom no-repeat; |
| | | // background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px; |
| | | // |
| | | // .main-table { |
| | | // //border: 1px red solid; |
| | | // } |
| | | //} |
| | | .main-table { |
| | | border: 1px #02a6b5 solid; |
| | | } |
| | | |
| | | /deep/ .el-table td { |
| | | border-bottom: none !important; |
| | | } |
| | |
| | | border-width: 1px 0 0 1px; |
| | | } |
| | | |
| | | .main span:nth-child(2) { |
| | | .slotChildTable span:nth-child(2) { |
| | | position: absolute; |
| | | right: -1px; |
| | | top: -1px; |
| | |
| | | border-width: 1px 1px 0 0; |
| | | } |
| | | |
| | | .main span:nth-child(3) { |
| | | .slotChildTable span:nth-child(3) { |
| | | position: absolute; |
| | | right: -1px; |
| | | bottom: -1px; |
| | |
| | | border-width: 0 1px 1px 0; |
| | | } |
| | | |
| | | .main span:nth-child(4) { |
| | | .slotChildTable span:nth-child(4) { |
| | | position: absolute; |
| | | left: -1px; |
| | | bottom: -1px; |