iview中的下拉菜单中,当有两个子菜单项都有下级菜单(三级菜单),当他们紧挨着一起的时候,菜单渲染会出问题:菜单项会变长。

发布于 2022-09-06 06:17:02 字数 1342 浏览 16 评论 0

            <Dropdown placement="right-start">
                <Dropdown-Item>
                    北京烤鸭
                    <Icon type="ios-arrow-right"></Icon>
                </Dropdown-Item>
                <DropdownMenu slot="list">
                    <Dropdown-Item>挂炉烤鸭</Dropdown-Item>
                    <Dropdown-Item>焖炉烤鸭</Dropdown-Item>
                </DropdownMenu>
            </Dropdown>            
            <Dropdown placement="right-start" style="clear:both">
                <Dropdown-Item>
                    面
                    <Icon type="ios-arrow-right"></Icon>
                </Dropdown-Item>
                <DropdownMenu slot="list">
                    <Dropdown-Item>拉面</Dropdown-Item>
                    <Dropdown-Item>热干面</Dropdown-Item>
                </DropdownMenu>
            </Dropdown>    

图片描述
图片描述

如果只有一个,则很正常,但如果有两个,三个,四个紧挨着一起会变得越来越长,
但如果在他们中间放一个没有三级子菜单的项目,则又恢复正常。怎么解决啊?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文