黑马程序员视频-微信小程序-原生框架——项目搭建

帮助文档

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.初始化页面样式

但是可以使用笨方法,把“ * ”变成所有的标签就可以啦

定义一个主题颜色

使用主题颜色

定义统一字体大小

经验分享 程序员 微信小程序 职场和发展