文件名称：Unsplash-miniclone:Nuxt.js的前端任务
文件大小：316KB
文件格式：ZIP
更新时间：2024-04-29 22:57:03
Vue
使用Nuxt.js取消迷你克隆 该项目基于现实世界的实践并可以使用。 玩得开心！ 特征 搜索您喜欢的与CSS Grid排列在一起的图像 点击图片放大 如果图像不存在，则显示错误页面 带有css动画和过渡的交互式UI 等待数据时加载占位符 Vuex商店设置 SCSS 项目结构 src 来源=） api 这是我进行axios配置的地方。 设置标题和baseUrl assets 图像/ Scss。 components 共享组件文件夹。 Icons项目中使用的svg图标 AppHeader应用程序的标题 Loader加载占位符。 有助于用户在等待API数据时一目了然 Error Page未找到搜索索引时显示错误页面。 Image Modal态放大时显示图像的模态。 ModalPhotoFigure图形标签，用于将模态中的图像放大。 PhotoFigure搜索时图像的图形标签。
【文件预览】：
Unsplash-miniclone-main
----components()
--------AppHeader.vue(1KB)
--------README.md(205B)
--------SearchBar.vue(1KB)
--------SearchProgressBar.vue(846B)
--------ModalPhotoFigure.vue(909B)
--------PhotoFigure.vue(962B)
--------Icons()
--------Loader.vue(725B)
--------ErrorPage.vue(879B)
--------ImageModal.vue(693B)
--------Logo.vue(853B)
----.gitignore(1KB)
----README.md(2KB)
----layouts()
--------README.md(261B)
--------default.vue(300B)
----nuxt.config.js(1KB)
----settings.json(111B)
----static()
--------README.md(435B)
--------favicon.ico(1KB)
----api()
--------index.js(325B)
----.gitattributes(66B)
----middleware()
--------README.md(383B)
----pages()
--------README.md(286B)
--------index.vue(2KB)
----package.json(861B)
----config()
--------index.js(57B)
----jsconfig.json(209B)
----plugins()
--------README.md(314B)
--------vuex-persist.js(272B)
----.editorconfig(207B)
----store()
--------README.md(400B)
--------getters.js(100B)
--------state.js(65B)
--------mutations.js(304B)
--------actions.js(393B)
----.eslintrc.js(638B)
----assets()
--------README.md(296B)
--------scss()
--------images()
----package-lock.json(1.12MB)