app.json 对全局的配置项

上面的配置，效果如下

2，每一个页面的页头的样式单独配置方法

效果如下

数据绑定

不仅可以绑定到数据标签内容上面，也可以绑定在属性值里面

循环渲染

一次循环多个标签 使用block

尺寸单位

样式文件的外部引入

基本组件

图片的显示方式如下 靠 mode属性来控制

小程序自带的轮播图组件

导航组件

视频组件

自定义组件的使用

对页面共有的模块进行提取封装，进而在其他页面都可以使用的方法

新建component之后，会出现以下四个文件



当我们在其他页面调用组件时候，如果不添加内容，组件也可以设置默认的内容，方法如下，在定义组件的时候，设置

如何引用自定义的组件

在需要引用组件的那个页面的json文件中进行配置

微信小程序实战

1，先修改小程序首页的标题文字

2，头部模块的制作

①在自定义的组件的文件里面，写上以下内容，并且给每一个图片设置宽高


②，然后给每一个view标签设置样式


在其他页面 调用这个自定义组件


3，导航模块的制作


1,在页面的xx.js文件里面进行数据请求和获得
临时做数据请求测试的，要把这个√勾上 防止检查报错

在页面的js文件发送数据请求的过程，分为三个部分

1，定义存放后台获得数据的变量

2，定义个函数，专门向后台发送数据，并把数据存放在定义的变量里面

3，在本页面加载时候，调用自己定义的发送请求的函数

在页面显示页面里面，写标签结构

如何制作导航条上的栏目选中效果呢？效果如下

①先定义一个选中后的active类，得到以下效果

小程序轮播图的实现

视频列表的实现

上图的样式介绍
父容器定义display：box后，子容器变为内联元素，使其居中只能通过给父容器定义text-align：center； white-space:normal 可以换行，值为nowrap 时，文本不会进行自动换行；

详情列表到详情页面的跳转（必须带上对应的ID号 加以区分）

上面的url="../detail/detail" 这个是新建的详情页面

那从详情列表页发过来的ID号，在详情页里面怎么接收呢？


详情页面的布局

推荐列表的实现