分享自己用 Vue3 做的一个在线幻灯片应用，大家来提提意见

V2EX = way to explore

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

现在注册

已注册用户请登录

› Vue.js

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

原本这只是一个以练习 Vue3 为目的的项目，但最终的完整程度其实已经远远超出了原计划，所以现在希望能够继续完善下去，另一方面感觉最近可视化编辑相关的内容还挺火的，经常能在各大社区见到像 H5 编辑器之类的东西，而这个项目用到的技术和大多可视化编辑比较接近，如果大家有这方面需求的话，应该能够提供一些思路上的帮助。

总之话不多说，欢迎大家来体验一波，多多提意见

额，新账号好像发不了外链，大家可以从 github 里面看到在线体验地址

Github 地址： https://github.com/pipipi-pikachu/PPTist

GitHub

提提

可视化

56 条回复 • 2022-03-10 10:36:18 +08:00

dxxzst

2021-03-03 14:44:58 +08:00

挺不错的，star 支持

lhyUnited

2021-03-03 14:48:21 +08:00

体验了一把，只能说太强了。尤其是添加动画时，hover 就能预览当前的动画效果👍，希望后面可以考虑加个导出功能。

jmyz0455

2021-03-03 14:49:51 +08:00

功能好多，厉害，写了多久哇。

acmore

2021-03-03 14:54:31 +08:00

很棒，界面清爽，功能够用。
希望有在线保存导出链接的功能，能导出离线使用的文件就更好了。

bertonzh

2021-03-03 14:55:17 +08:00

整体超出我点进去之前的想象。已 star 。
目前发现的主要缺点是添加元素的交互，不能拖入，而需要在画布上面划一下，比较别扭。（而图表和表格又是自动插入的）
建议至少改成选中后点击画布就能插入。

guancyxx4king

2021-03-03 15:01:17 +08:00

简单使用了一下，好特么牛鼻立体

learninining

2021-03-03 15:12:57 +08:00

给大佬磕头

Zzzz77

2021-03-03 15:15:34 +08:00

@acmore
@lhyUnited 导出确实很有必要，已在计划中

Zzzz77

2021-03-03 15:21:46 +08:00

@jmyz0455 还是蛮久的，前前后后得有小半年了吧😂只有晚上和周末有时间搞

zhuangzhuang1988

2021-03-03 15:24:59 +08:00

牛逼.

Zzzz77

2021-03-03 15:27:39 +08:00

@bertonzh 嗯，其实划一下的目的是让使用者决定创建的位置和大小，但是确实存在第一次使用都点懵的问题，选中后点击画布就能直接插入一个默认大小的元素这个方案感觉可以，我去试了一下 office PPT 也是这样的逻辑

cuzfinal

2021-03-03 15:32:09 +08:00

牛逼

Macv1994

2021-03-03 15:33:44 +08:00 via Android

强啊

csulyb

2021-03-03 15:38:53 +08:00

非常强

7gugu

2021-03-03 15:41:34 +08:00

效果太帅了,star 了
反馈一个 Bug:火狐浏览器下,设置动画的时候,图片会漂移.

Serializability

2021-03-03 15:44:31 +08:00

大佬的 star 已送上

Serializability

2021-03-03 15:45:06 +08:00

@Serializability 是给大佬的 star

yamedie

2021-03-03 15:45:46 +08:00

star 学习

renmu123

2021-03-03 15:47:05 +08:00

我试用了一下提几个小建议：
1. 缺少了 ppt 杀手级功能——母版，导致做起来会 ppt 繁琐很多
2. 图表功能过弱，既然都做成 web 了，可以考虑利用几个大的图表框架，如 echarts
3. 缺乏导出功能，比如导出为 pdf，以及保存为自定义的某种格式来进行持久化
4. 现在网页一刷新数据将会消失，可以考虑直接将数据都保存到 indexeddb，进行一个简单的持久化
5. 提一个我 PPT 中非常喜欢的一个小功能，那就是“节”，可以对 page 进行一个简单的分类
6. 还有一个小细节，ppt 可以按 ctrl+拖动快速复制
7. 又想到一个对我个人重要的功能，那就是备注

再报一个 bug:
饼图设置弹跳动画的时候无法进行预览

非常感谢楼主做出这样的一个工具，web 也可以很容易用 electron 封装成本地 app，实现跨平台

Zzzz77

2021-03-03 15:53:53 +08:00

@7gugu 收到，目前还未做过兼容测试，估计后面得集中测一波

vivipure

2021-03-03 15:55:05 +08:00

强学习了

Zzzz77

2021-03-03 16:03:33 +08:00

@renmu123
1 、原本只打算用全局主题来代替 PPT 中的母版，现在看来这个功能应该确实还是需要继续强化下；
2 、图表的话我当初试过非常多图表库，综合体积和性能等因素最终选了个超轻量级的库，这个打算继续看看更多的反馈，echarts 之类的太重了，如果确实对图表功能需求较大，再探索一下新的方案；
3 、4 、5 、6 、7 都是不错的建议，后续有时间应该会慢慢补充上

renmu123

2021-03-03 16:09:06 +08:00

@Zzzz77 #22 echarts 可能确实不太合适，这种可能由社区做成插件让用户自行选择会比较好

robinlovemaggie

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

研究了半天才知道怎么输入文字。。。。
对比下： https://excalidraw.com ，交互差比还是停明显的。

conghuiwang

2021-03-03 16:22:20 +08:00

做的挺棒的一个案例。如何演示播放现有已存的真正的微软 ppt 文件？

Melting

2021-03-03 16:53:12 +08:00

star 了，学习一下

xloger

2021-03-03 17:08:30 +08:00

建议能有一个现成的项目方便展示效果

yaphets666

2021-03-03 17:17:46 +08:00

这你独立写出来的???这么猛啊现在都

YvesX

2021-03-03 17:22:55 +08:00

真厉害

Zzzz77

2021-03-03 17:25:03 +08:00

@robinlovemaggie 嗯..优化中

Zzzz77

2021-03-03 17:25:52 +08:00

@conghuiwang 暂时不行哦，后续有做导入导出的计划

Zzzz77

2021-03-03 17:30:24 +08:00

@yaphets666 还好..肝了很久

gmaso

2021-03-03 17:33:55 +08:00

star 了，强

zkl2333

2021-03-03 17:34:04 +08:00

牛牛牛给大佬递茶

zkl2333

2021-03-03 17:38:28 +08:00

准备顺着 commit 学习一下，大佬用的好多技术我都没见过。果然还是见识短浅。

xcstream

2021-03-03 18:22:40 +08:00

取消右边界面的文字可选

建议控件可以拖拽

tsvico

2021-03-03 18:25:36 +08:00

强啊，已 star

yazoox

2021-03-03 18:58:11 +08:00

牛逼！
要是有 reactjs 的就好了，不会 vue 啊……

superliwei

2021-03-03 19:44:11 +08:00

好棒。

onec

2021-03-03 19:59:44 +08:00

大佬牛逼，想问大佬花了多少时间做出来的

Zzzz77

2021-03-03 20:30:30 +08:00 via Android

@onec 得有五六个月的时间，晚上和周末弄

releaseme

2021-03-03 21:13:31 +08:00

代码写得真漂亮 & UI 也很舒服

doommm

2021-03-04 00:13:05 +08:00

请问 vue3 开发现在要踩的坑多吗？我是期待它的 TypeScript 支持，但是现在上的话又因为新的 vue-devtool 还在 beta，支持很有限（好像还没适配新的 vuex, vue-router ？），怕开发过程不顺畅

Daming

2021-03-04 01:55:33 +08:00

赞一个

ombr4

2021-03-04 08:11:41 +08:00

很清爽，交互干净利索，好棒

coreki

2021-03-04 08:20:22 +08:00 via Android

赞一个，这个 666

jmyz0455

2021-03-04 09:02:44 +08:00

突然想起来前几天那个抱怨开源框架没🌟还要说中文网络不配的连续剧了，真的就态度决定一切。

Zzzz77

2021-03-04 09:22:15 +08:00

@doommm
我觉得还好，vuex 和 vue router 最新的正式版都已经有了的，devtool 确实还在 beta，而且我觉得新版的 devtool 不好用...
可能 Composition API 会带来了一点点心智负担，而且最开始可能不太容易从 option API 转变思维，但是只要习惯之后会比 vue2 好用很多，特别是比较复杂的项目，逻辑复用简直不要太好用。
目前遇到最难接受的问题就是 vuex 的 getter 是没有类型支持的..但我用的还是 rc 版本，不知道现在这个问题处理了没有

Zzzz77

2021-03-04 09:23:41 +08:00

@jmyz0455 其实心态放平，一切都好说