仿华为电商商城,官网,华为超级新品日demo,大屏霸气且简洁

1.技术

vue+elementui实现,elementui

2.华为超级新品日官网

华为商城是华为公司旗下官方电商平台

3.官方截图

仿华为电商商城,官网,华为超级新品日demo,大屏霸气且简洁_第1张图片

仿华为电商商城,官网,华为超级新品日demo,大屏霸气且简洁_第2张图片

4.项目demo效果图

 

5.安装启动vue项目
(一)Vue——如何创建一个Vue项目(完整步骤) - 㭌(mou)七 - 博客园

6.elementui官网
Element - The world's most popular Vue UI framework

7.如果你下载的是本项目源码,则步骤一中可以不用执行:vue init webpack vuedemo,直接进入项目,安装依赖,进行后续步骤即可


8.推荐使用webstorm开发


 9.src/page存放布局文件,top框架顶部共用模板,foot框架底部共用模板,index框架中间内容占位容器,src/views/home即为首页内容,会显示在src/page/index框架中间内容占位容器中,效果如iframe标签一般
 

 10.demo是一个标准的vue项目,代码有点多,有兴趣的可以下载

demo源码

你可能感兴趣的:(前端开发它不香么,vue.js,elementui,javascript,前端,html5)