信管专业实训第二天

信管专业实训第二天

一、今天的授课内容

学习微信小程序项目环境搭建基础知识,进行微信小程序项目环境搭建

二、全局配置

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象,有以下属性:

配置项如下

信管专业实训第二天_第1张图片

1.pages

用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json.js.wxml.wxss 四个文件进行处理。

数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。

比如这样

信管专业实训第二天_第2张图片

2.window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

信管专业实训第二天_第3张图片

3.tabBar

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,

信管专业实训第二天_第4张图片

app.wxss:全局css

二、其他文件

1.util文件夹里面放着工具

2.project.config.json:项目配置文件

3.在页面上显示文字

我的

三、骰子布局

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为 Flex 布局。

Flex语法篇:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 
Flex实战篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

下面是自己敲出来的骰子布局之一

信管专业实训第二天_第5张图片

四、第一个小程序

信管专业实训第二天_第6张图片

你可能感兴趣的:(信管专业实训第二天)