react搭建一个案例演示型网站
最近用react + antdesign搭建了一个Demo演示型站点,包括PC端和移动端的适配。可以给我的练习或者项目一个很好展现效果,github地址https://github.com/joydezhong/demo-display-project,效果图如下:
PC端效果:
移动端效果:
用法介绍
1. 安装依赖
1 | -> npm install |
2. 启动服务
1 | -> webpack-dev-server |
浏览器访问 http://localhost:8080 即可查看
3. 站点配置
主要目录介绍:
images
: 网站Logo、轮播图、项目缩略图存放目录。
components
: 各组件存放目录。
导航配置:
pc_header.js
模块的Menu
配置a
链接可实现跳转。
演示案例配置:
pc_content.js
模块引用的PCitems
组件中itemTitle、itemSrc、imgSrc属性可实现demo标题、demo链接、demo缩略图的配置。
mobile_content.js
模块引用的Mobileitems
组件中itemTitle、itemSrc、imgSrc属性可实现demo标题、demo链接、demo缩略图的配置。
注:项目将在不断优化中,请戳下面提出宝贵的意见 ^_^。。。