8.7 杂七杂八

1. vant框架 按钮

• 块级元素 通过block属性可以将按钮的元素类型设置为块级元素。（独占一行，不用和其他内联块级元素并排显示）

<van-button type="primary" block>块级元素</van-button>

2. 引入公共组件后的页面跳转

• 页面跳转，跳转参照不是公共组件文件，参照到引用公共组件的页面文件。

3. config标签

3.1. navigationStyle: "custom"

• 自定义顶部导航

4. relunch

• 关闭所有页面，打开到应用内的某个页面。

    wx.reLaunch({
        url: '../reHome/index',
    });

5. css单位

• vh 视图高度

height: 15vh;// height 是视口高度的 15%。

• vw 视图宽度

6. css: overflow

• 设置了元素溢出时所需的行为。

6.1. ：visible

• 内容不能被裁减。
• 可能渲染到边距盒（padding）的外部。

6.2. ：hidden

• 内容将被裁减以适应padding。不提供滚动条，也不支持允许用户滚动（例如通过拖拽或者使用滚轮）。但可以以编程方式的滚动。

6.3. ：clip

• 类似于 hidden，clip 和 hidden 之间的区别是 clip 关键字禁止所有滚动，包括以编程方式的滚动。该盒子不是一个滚动的容器，并且不会启动新的格式化上下文。

6.4. ：scroll

• 内容溢出后会显示滚动条。

7. scroll 标签

<scroll-view scroll-y="true" style="height:90vh;" refresher-enabled="true" refresher-default-style="black"
      refresher-triggered="{{refreshstutas}}" bindrefresherrefresh="refresh" bindscrolltolower="loadMore">

• scroll-y="true"：允许内容垂直滚动。
• style="height:90vh;"：设置滚动区域高度为视口高度的90%。
• refresher-enabled="true"：启用下拉刷新功能。
• refresher-default-style="black"：设置刷新控件的样式为黑色。
• refresher-triggered="{{refreshstutas}}"：绑定刷新状态至refreshstutas变量。
• bindrefresherrefresh="refresh"：下拉刷新时触发refresh方法。
• bindscrolltolower="loadMore"：滚动到底部时触发 loadMore方法。

8. 代码爆红

• 这里可以更换语言模式