IT俱乐部 JavaScript element中drawer模板的实现

element中drawer模板的实现

发布: 2023年 7月 20日 528阅读

目录

1、效果图

2、上代码

<div>
         
</div>
 
export default {
    data() {
        return {
            drawer: false,
        }
    },
    methods: {
        /** 初始化 */
        init(){
            this.drawer = true
        },
        /** 关闭回调*/
        handleClose(){
            this.drawer = false
        }
    }
}
 
    ::v-deep .el-drawer__header {
        font-size: 22px;
        text-align: center;
        margin-bottom: 16px;
        padding: 0;
        .el-drawer__close-btn{
            background-color: rgb(255, 77, 79);
            color: white;
        }
    }
    ::v-deep .el-drawer__body {
        padding: 0px;
    }
    .details {
        width: 80%;
        margin-right: 0px;
        margin-left: 20%;
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }

到此这篇关于element中drawer模板的实现的文章就介绍到这了,更多相关element drawer模板内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部！

本文收集自网络，不代表IT俱乐部立场，转载请注明出处。https://www.2it.club/navsub/js/8565.html

45赞

标签:drawer element 实现模板