iview--Drawer按钮下方悬浮（极低代价实现）

紫微前端

于 2023-10-23 16:52:09 发布

阅读量222

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签： view design 前端 javascript

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/133993929

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何利用iview组件库中的Drawer，在JavaScript和前端设计中，以极低的代码成本实现 Drawer 按钮下方内容的悬浮效果，详细讲解了实现步骤和关键代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <Drawer title="Basic Drawer" :closable="false" v-model="value1">
            <div style="height:calc( 100% - 51px );background:red;overflow: auto;">
                <p v-for="item in 200">Some contents...</p>
                <p>Some contents...</p>
                <p>Some contents...</p>
            </div>
            <div style="padding-top:15px">
                <i-button type="primary">确定</i-button>
            </div>
        </Drawer>