309 Star 2.9K Fork 543

Layui Vue / layui-vue

 / 详情

dropdown级联下拉菜单,左对齐无效

已关闭
创建于  
2024-04-05 23:29

议题条件

  • 我确认已查阅:http://www.layui-vue.com ,但没有找到相关解决方案。
  • 我确认已在 Issues 中搜索过类似的问题,但没有找到相关解决方案。

版本号

2.16.7

浏览器

Chrome 114

问题类型

疑是 BUG

问题描述

使用下拉菜单时,由于菜单文本长度不一致,菜单无法对齐,影响美观

演示地址

业务代码

<lay-dropdown-menu>
            <lay-dropdown-menu-item>概览</lay-dropdown-menu-item>
            <lay-dropdown-sub-menu>
              <template #prefix></template>
              <template #default>添加</template>
              <template #content>
                <lay-dropdown-menu-item>集合</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>脚本</lay-dropdown-menu-item>
              </template>
            </lay-dropdown-sub-menu>
            <lay-dropdown-sub-menu>
              <template #default>导入</template>
              <template #content>
                <lay-dropdown-menu-item>Mongodb</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>MySQL</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>Oracle</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>PostgreSQL</lay-dropdown-menu-item>
              </template>
            </lay-dropdown-sub-menu>
            <lay-dropdown-sub-menu>
              <template #default>导出</template>
              <template #content>
                <lay-dropdown-menu-item>Mongodb</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>MySQL</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>Oracle</lay-dropdown-menu-item>
                <lay-dropdown-menu-item>PostgreSQL</lay-dropdown-menu-item>
              </template>
            </lay-dropdown-sub-menu>
            <lay-dropdown-menu-item>统计</lay-dropdown-menu-item>
            <lay-dropdown-menu-item>删除</lay-dropdown-menu-item>
          </lay-dropdown-menu>

截图补充

输入图片说明

友好承诺

  • 我承诺将本着相互尊重、理解和友善的态度进行交流,维护 layui-vue 良好的社区氛围。

评论 (2)

睡个觉觉 创建了任务

@睡个觉觉
因为这里会包含item中前后slots情况。我这里暂时可能无法确认要怎么调整这个样式(或者你可以给出一点好的意见么)。

@睡个觉觉 我将关闭此issues,如果你有好的建议可以提。

Jevin 任务状态待办的 修改为已关闭

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
8012236 cwj8 1705765863
TypeScript
1
https://gitee.com/layui-vue/layui-vue.git
git@gitee.com:layui-vue/layui-vue.git
layui-vue
layui-vue
layui-vue

搜索帮助