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

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日

悬赏问题

  • ¥20 数学建模来解决我这个问题
  • ¥15 计算机网络ip分片偏移量计算头部是-20还是-40呀
  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?
  • ¥30 NIRfast软件使用指导
  • ¥20 matlab仿真问题,求功率谱密度
  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 django5安装失败
  • ¥15 Java与Hbase相关问题
  • ¥15 后缀 crn 游戏文件提取资源