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

<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>

这篇好文章是转载于：学新通技术网