迫于现在流行仿系统 UI，用 vue3 做了个 manjaro

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1276 天前的主题，其中的信息可能已经有所发展或是发生改变。

前段时间看到各种仿 ui，正好手头没事做，于是练手 vue3 和 vite 做了个仿 manajro 。前后摸鱼做了 5 天多。

软件部分基本都是假的 UI，image editor 和 music 直接用的 iframe，因为好多库都只支持 vue2，vue3 没找到好用的，也懒得自己写了。

地址： https://manjaro.halberd.cn

github： https://github.com/yunyuyuan/vue3-manjaro-ui

第 1 条附言 · 2021-05-21 12:21:26 +08:00

经过一段时间修改，现在网站已经有模有样了，感谢大家的 star 哈哈

第 2 条附言 · 2021-05-24 17:15:31 +08:00

居然被官方转发了嘿嘿 https://twitter.com/ManjaroLinux/status/1395680775157264385?s=20

39 条回复 • 2021-05-22 10:13:29 +08:00

PerFectTime

2021-05-13 18:23:57 +08:00

咸鱼喊个 666

另外提个 bug：terminal 里面直接敲回车会提示 Unknown command: ""

dinjufen

2021-05-13 18:41:47 +08:00

666，里面那些应用都是自己做的吗

Smash

2021-05-13 18:52:55 +08:00

厉害了😎

yunyuyuan

2021-05-13 18:58:42 +08:00

@PerFectTime 感谢提醒，没注意这个
@dinjufen 复杂的都是 iframe

CallMeReznov

2021-05-13 19:39:27 +08:00

好家伙,还有 poweroff

reboot 应该做个启动 LOGO 动画

PerFectTime

2021-05-13 19:40:30 +08:00

@yunyuyuan #4 修的真快哈哈哈

yunyuyuan

2021-05-13 19:52:15 +08:00

@PerFectTime 我又发现了好多 bug，其实我想用现成的，但是没找到好看的可定制的 terminal

Austin2035

2021-05-14 08:39:50 +08:00

你们太厉害了

treblex

2021-05-14 08:59:24 +08:00

看起来比 manajro 精致多了

yunyuyuan

2021-05-14 09:30:44 +08:00

@treblex 比原 manjaro 精致可不敢当，好多动画都没做

chensong004

2021-05-14 09:42:54 +08:00 via Android

太厉害了，已⭐

jack778

2021-05-14 09:52:33 +08:00

你是一个闲的蛋疼的人才，我欣赏你。

zsxzy

2021-05-14 11:17:58 +08:00

已 star , cool , 请教楼主, github 还有哪些仿系统 UI 项目推荐吗...

yunyuyuan

2021-05-14 11:40:35 +08:00

@zsxzy 不清楚，我也才写的

Aynamic

2021-05-14 13:09:43 +08:00 via iPhone

这仿 kde 啊😂😂😂

yunyuyuan

2021-05-14 13:12:50 +08:00

@Aynamic 是啊，本来就是仿系统 UI，上班电脑用的 manjaro，桌面是 KED plasma，觉得挺好看的

superliwei

2021-05-14 14:17:00 +08:00

很 OS ！

qq316107934

2021-05-14 15:52:48 +08:00

关机塞尔达死亡界面笑死，做的真精致，各种细节都注意到了

qianxiaoxiao

2021-05-14 16:56:08 +08:00

BUG terminal 里面内容满后继续回车不会自动向下滚动

yunyuyuan

2021-05-14 23:11:44 +08:00

@qq316107934 作为海拉鲁流氓，我很久都没看到 game over 了

yunyuyuan

2021-05-14 23:31:57 +08:00

@qianxiaoxiao 已修复

INTOX8O

2021-05-15 10:16:56 +08:00

太厉害了，就是 terminal 里面的彩蛋是什么有点好奇

learningman

2021-05-15 12:16:06 +08:00

和前面两个兄弟做的有距离啊。。。不太精致

LeeReamond

2021-05-16 18:57:35 +08:00

挺精致的，好评

plk403

2021-05-17 11:20:39 +08:00

固定下底层,不然双指上下滑动整个页面会弹簧效果滑动

hntangbohu

2021-05-17 13:45:53 +08:00

可以翻墙

Eyon

2021-05-17 14:57:05 +08:00

easter egg 没找到，但是发现了 'a easter egg' 这个 'a' 用的不对。

yunyuyuan

2021-05-17 15:01:18 +08:00

@Eyon 我英语太差哈哈，唉没人找彩蛋，https://github.com/yunyuyuan/vue3-manjaro-ui/blob/master/src/views/app/terminal/index.vue#L105

Renovamen

2021-05-18 15:13:09 +08:00

那么快就开坑填完了吗，这也太强了

然后我在代码里看到了 terminal 的彩蛋，但如果彩蛋命令只输一半（比如只输入“I”）就回车，输入会直接消失，并且不会有任何输出（理论上该报 unknown command ）。当然如果这是有意的设计就当我没有说 😂

yunyuyuan

2021-05-18 15:31:33 +08:00

@Renovamen 自己写的 terminal 不成熟，bug 多，没老哥你稳

undefine2020

2021-05-20 11:03:14 +08:00

纳尼，惊艳！请问大佬这个里面的软件是怎么实现的？第一感觉应该不是一个个手动撸的吧，不然工作量太大了

yunyuyuan

2021-05-20 12:36:08 +08:00

@undefine2020 刚发布的时候很多 iframe，目前正在逐步改写，music 和 image viewer 已改成了本地的，但是太简陋了，希望有人提 pr （笑哭

undefine2020

2021-05-20 13:48:45 +08:00

@yunyuyuan js 通过浏览器接口调用用户本地系统的意思吗？

yunyuyuan

2021-05-20 14:05:57 +08:00

@undefine2020 js 还没这功能呢，我说的本地就是写在代码的意思，不用 iframe

undefine2020

2021-05-20 14:26:20 +08:00

@yunyuyuan 啊这

binhb

2021-05-21 13:29:50 +08:00

迫于自己写不出来, star 偷学下大佬技术

yunyuyuan

2021-05-21 14:02:29 +08:00

@binhb 照葫芦画瓢而已，有啥写不写得出来，只是要花时间去写

Aynamic

2021-05-22 01:26:58 +08:00 via iPhone

@yunyuyuan 我感觉好多细节做的不好，有些软件不协调

yunyuyuan

2021-05-22 10:13:29 +08:00

@Aynamic 你感觉的是对的