使用uView模板创建移动应用uniapp

1、打开Hb,选择创建项目。选择新建的uni-app项目,选中 uView模板。如图:

使用uView模板创建移动应用uniapp_第1张图片

 

2、选中文件夹,并点击运行,可让uView模板先运行到浏览器,在浏览器看效果

使用uView模板创建移动应用uniapp_第2张图片

 

使用uView模板创建移动应用uniapp_第3张图片

 3、新建自己的页面

使用uView模板创建移动应用uniapp_第4张图片

 4、更改菜单配置文件

使用uView模板创建移动应用uniapp_第5张图片

 5、把pages数组下第一个页面改为自己的页面,把自己新建的页面都添加到pages数组里

使用uView模板创建移动应用uniapp_第6张图片

实现效果如下:

使用uView模板创建移动应用uniapp_第7张图片

 

你可能感兴趣的:(vue.js,uni-app)