黑马程序员视频-微信小程序-原生框架——项目搭建
帮助文档
1.
2.
3.
项目搭建
1.新建小程序项目
填入自己的appid
2.搭建目录结构
(1)清理一些不要的页面
首先将app.json中的logs文件删除
资源管理器中删除logs文件夹
app.wxss:
app.js:
输入app,选择前面有小方框的App
index.wxml:
index.wxss:
index.js:
输入page,选择Page
index.json添加标题
(2)新增一些文件夹
3.搭建项目的页面
4.引入字体图标
1.打开
2.选择的图标
3.添加至项目
4.下载到本地
5.将样式文件由css修改为wxss
6.小程序中引入
5.搭建项目tabbar结构
(1)先拿到tab的图片文件,添加到新增的icons文件夹中
(2) 在app.json中添加tab
效果:
美化:
效果:
给导航栏设置背景颜色和字体颜色
效果:
6.初始化页面样式
但是可以使用笨方法,把“ * ”变成所有的标签就可以啦
定义一个主题颜色
使用主题颜色
定义统一字体大小
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序开发工具与Node.js的安装