在当前界面修改element-plus drawer的样式

最新推荐文章于 2024-05-22 11:22:58 发布

实践是最好的老师

最新推荐文章于 2024-05-22 11:22:58 发布

阅读量3.1k

点赞数 1

分类专栏： vue 文章标签：前端 css javascript

本文链接：https://blog.csdn.net/qq_26889291/article/details/127285579

版权

vue 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<style scoped>
.main /deep/ .el-drawer.adrawer {
    width: 800px !important;
}
</style>

    <div class="main">
        <el-drawer style="width: 100%" custom-class="adrawer" v-model="state.addMaterialDialog" direction="rtl">
            <template #title>
                <h4>set title by slot</h4>
            </template>
            <template #default>
              
            </template>
            <template #footer>
                <div slot="footer" class="dialog-footer">
                    <el-button type="primary" >确 定</el-button>
                    <el-button >取 消</el-button>
                </div>
            </template>
        </el-drawer>
    </div>