uniapp从零到一的学习商城实战

涵盖的功能:

uniapp从零到一的学习商城实战_第1张图片

 安装开发工具HBuilder:HBuilderX-高效极客技巧

创建项目步骤:

1.右键-项目:

uniapp从零到一的学习商城实战_第2张图片

2.选择vue2和默认模板:

uniapp从零到一的学习商城实战_第3张图片

3.完整的项目目录:

uniapp从零到一的学习商城实战_第4张图片

微信开发者工具调试:

1.安装微信开发者工具

2.打开设置---安全设置---打开服务端口

uniapp从零到一的学习商城实战_第5张图片

uniapp从零到一的学习商城实战_第6张图片

3.在XBuilder中运行即可:

uniapp从零到一的学习商城实战_第7张图片

效果图展示:

uniapp从零到一的学习商城实战_第8张图片

改变背景色和字体颜色:

uniapp从零到一的学习商城实战_第9张图片

添加页面:

uniapp从零到一的学习商城实战_第10张图片

添加tabBar:

uniapp从零到一的学习商城实战_第11张图片

3.显式效果:

uniapp从零到一的学习商城实战_第12张图片

你可能感兴趣的:(uni-app,学习,前端)