文件名称:drawn-in
文件大小:172KB
文件格式:ZIP
更新时间:2024-04-15 15:11:32
Vue
画入的 这是黑客马拉松级别的尝试,旨在获得一种产品的概念证明,其中UX / UI设计人员可以快速绘制设计并添加原型控件,从一种状态导航到另一种状态。 它是使用Vue和Bootstrap Vue构建的控件,依靠npm包canvas-free-drawing来处理绘图部分。 那怎么办呢? 您可以添加可以在其上绘制的画布框架,并具有适合设备(目前为通用Apple产品)的尺寸。 在这些画布上,您可以*绘制,还可以绘制一些按钮或其他应该执行的操作。 但是,图纸本身无法做任何事情。 这就是为什么要添加另一层的原因,您可以在其中管理用户可以单击以从一帧转到另一帧的区域。 例如,如果您有三个框架,并且在第一个框架上画有“是/否”,则可以为第一个框架创建两个可操作区域,一个区域跳到输入为“是”的状态,例如框架2上写着“您说的是!”。 另一个跳到输入为“否”的状态,假设第3帧显示为“您说不!”。 这是一个
【文件预览】:
drawn-in-main
----public()
--------index.html(553B)
--------favicon.ico(4KB)
----src()
--------custom-canvas-free-drawing.js(2KB)
--------main.js(308B)
--------views()
--------store.js(158B)
--------components()
--------App.vue(628B)
--------plugins()
--------assets()
--------router.js(541B)
--------helper-functions.js(243B)
----babel.config.js(116B)
----README.md(4KB)
----.editorconfig(160B)
----tests()
--------unit()
----.gitignore(214B)
----package-lock.json(617KB)
----package.json(2KB)