最近用react + antdesign搭建了一个Demo演示型站点,包括PC端和移动端的适配。可以给我的练习或者项目一个很好展现效果,github地址https://github.com/joydezhong/demo-display-project,效果图如下:

PC端效果:
  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缩略图的配置。

注:项目将在不断优化中,请戳下面提出宝贵的意见 ^_^。。。