小程序控件的使用

微信小程序实际案例详解：页面搭建（附完整代码）
https://zhuanlan.zhihu.com/p/23595493

好东西：微信小程序教程系列https://blog.csdn.net/michael_ouyang/article/details/54700871
微信小程序入门教程+案例demo https://blog.csdn.net/qq137722697/article/details/52988719
W3Cschool： https://www.w3cschool.cn/weixinapp/9wou1q8j.html
分享几个微信小程序开发框架和工具： https://www.jianshu.com/p/14790e02efc8

1、text

https://blog.csdn.net/qq_32067045/article/details/53943739

• font-size:20px； 就是设置字体大小的。
• color: #888888; 字体颜色设置
• font-style：normal正常的字体， italic 斜体字， oblique 倾斜的字体。
• font-family ：设置字体名称。
• font-weight：设置文本字体的粗细。取值范围为100-900.
  取值：mormal：正常大小相当于400。bold :粗体，相当于700。bolder， lighter.
• 一行显示 最后显示省略号
  .textview{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
  }
• 多行的设置
  .textview{
  display: -webkit-box ;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; //规定自动换行的处理方法。
  webkit-box-orient: vertical;
  webkit-line-clamp:2; //这是设置显示的多少行。
  }

2、view

布局有以下几种：display，float，clear，visibility是否显示对象，overflow处理溢出内容的方式，overflow-x，overflow-y。（https://blog.csdn.net/qq_32067045/article/details/53928817）
- display:flex将view设置为弹性布局
- flex-direction: row;设置布局的方向是横向水平布局，（row-reverse逆向水平布局）。column;设置布局的方向是纵向水平布局
- align-items 定义子元素在侧轴上对齐的方式
1、flex-start 主轴起点对齐(默认值)
2、flex-end 主轴结束点对齐
3、center 在主轴中居中对齐
4、space-between 两端对齐，除了两端的子元素分别靠向两端的容器之外，其他子元素之间的间隔都相等
5、space-around 每个子元素之间的距离相等，两端的子元素距离容器的距离也和其它子元素之间的距离相同。
- display : 取值none（隐藏，类似gone），block（显示），flex（弹性布局）
- visibility：是否显示对象；1.取值：visible（设置可见），hidden（设置隐藏（隐藏了也占位置）），collapse（隐藏表格的行或者列）。

3、image

• background: #c4e5f4; 背景颜色
• border-radius: 28rpx; 圆形
• box-shadow: 4px 1px 1px #cccccc; 应该是设置阴影
• src
• mode 有 13 种模式，其中 4 种是缩放模式，9种是裁剪模式。
• -

4、scroll-view

5、不同页面的导航设置

页面的.json只能设置window相关的配置项，以决定本页面的窗口表现，所以无需写window这个键，