gaosp
2024-01-19 5b9a1d6cb3a7d59c8f2de83c495bba1a069b2723
src/container/list/index.vue
@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-06 17:40:19
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-13 11:07:32
 * @LastEditTime: 2024-01-18 23:55:56
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/list/index.vue
-->
<template>
@@ -36,7 +36,7 @@
                <el-pagination
                style="background: transparent;"
                :page-size="pageSize"
                :pager-count="current"
                :current-page="current"
                layout="prev, pager, next"
                :total="total">
                </el-pagination>
@@ -88,7 +88,6 @@
        height: 100%;
        overflow: auto;
        .table {
            .el-table::before {
                background-color: transparent;
            }
@@ -104,9 +103,12 @@
                border-bottom: none;
                padding: 0;
            }
            .el-table__fixed-right::before, .el-table__fixed::before {
                background: transparent;
            }
            .el-table td, .el-table--striped .el-table__body tr.el-table__row--striped td,.el-table--enable-row-hover .el-table__body tr:hover>td{
                color: #E6E5E5;
                // border-bottom: none;
                border-bottom: none;
                background: transparent;
                background-color: transparent;
                // padding: 0;
@@ -159,21 +161,42 @@
</style>
<style lang="scss" scoped>
    .list {
        padding: 30px;
    }
    .search {
        margin: 20px 30px;
        // margin: 20px 30px;
        padding: 30px 0px;
        min-height: 160px;
        display: flex;
        flex-wrap: wrap;
        background: url('./search.png') center center  no-repeat;
        background-size: cover;
        position: relative;
    }
    .search:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background: url('./border.png') 100% 100%  no-repeat;
        background-size: contain;
    }
    .search:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background: url('./border.png') 100% 100%  no-repeat;
        background-size: contain;
    }
    .table {
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 20px 30px;
        padding: 20px 0px;
        background: transparent;
        overflow: auto;
        .pagination {