【文件属性】：
文件名称：Unsplash-miniclone:Nuxt.js的前端任务
文件大小：316KB
文件格式：ZIP
更新时间：2021-04-10 05:10:23
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)