bingbingyihao 2023-07-20 13:30 采纳率: 100%
浏览 48
已结题

vue的在线编辑器综测导航部分的CSShover效果宽度不满意,希望撑满

vue的在线编辑器综测导航部分的CSShover效果宽度不满意,希望撑满

由于没有采用details和sumary来实现,然后在这个宽度部分被难住了,没办法实现到横条被占满,可以采用JavaScript实现,或者最好能够单纯用CSS实现,我想不出来解决办法

目前效果:

img

希望它的横条可以撑满,像VS Code的效果

img

示例项目下载:https://gitee.com/anxwefndu/online-vs-code

目前项目的文件夹导入方式只写了拖拽导入,那个选择文件的还没有写完,需要手动解析出来文件夹路径,然后拼接出来,同时也希望这方面可以给一些解决方法;我可以写出来手动解析的过程,只是比较麻烦,如果可以有包含文件和文件夹的对象获取到,那就方便操作了,和拖拽式的一样。

  • 写回答

3条回答 默认 最新

  • ZionHH 2023-07-20 14:35
    关注

    可以参考elementel-tree,他是给文本节点加padding-left处理缩进,这样不会影响整体的宽度,可以参照在你的file-item做处理

    img


    img

    el-tree-node__content处源码

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 7月28日
  • 已采纳回答 7月20日
  • 创建了问题 7月20日

悬赏问题

  • ¥15 关于#计算机视觉#的问题:求一份高质量桥梁多病害数据集
  • ¥50 如何将脑的图像投影到颅骨上
  • ¥15 提问一个关于vscode相关的环境配置问题,就是输入中文但是显示不出来,代码在idea可以显示中文,但在vscode不行,不知道怎么配置环境
  • ¥15 netcore使用PuppeteerSharp截图
  • ¥20 这张图页脚具体代码该怎么写?
  • ¥20 WPF MVVM模式 handycontrol 框架, hc:SearchBar 控件 Text="{Binding NavMenusKeyWords}" 绑定取不到值
  • ¥15 需要手写数字信号处理Dsp三个简单题 不用太复杂
  • ¥15 数字信号处理考试111
  • ¥15 allegro17.2生成bom表是空白的
  • ¥15 请问一下怎么打通CAN通讯