Skip to content

Latest commit

 

History

History
63 lines (29 loc) · 1.32 KB

README.md

File metadata and controls

63 lines (29 loc) · 1.32 KB

photo-show项目文档

项目简介

这个网站是参考pexels平台做出来的(pexels网址:https://www.pexels.com/zh-cn/)

  • 项目通过JavaScript的构造函数和类实现加载页面时图片呈现瀑布流布局的效果

  • 项目运用Vuex技术来储存和管理项目中共享的变量。

  • 项目用原生CSS和CSS3代码实现项目中大部分交互效果,如输入框过渡效果和弹窗动画等。

下载项目各项配置及插件

npm install

启动项目

npm run serve

打包项目

npm run build

项目截图

主要界面

image-20230518224618284

登录注册弹窗界面

image-20230518224635682

image-20230518224646683

项目中的弹窗动画和一些过渡效果

动画和过渡

自适应效果

自适应效果