微信小程序（十）导航界面知识点

1.导航栏标题设置

页面配置

• navigationBarTitleText：导航栏标题文字内容

2.API

3. 导航
   3.1 导航数据
   不显示，不然会被锁文

3.unshift

• 向数组的开头添加一个或更多元素，并返回新的长度。

this.data.naviData.unshift({
    articles: list
})

4.page

page {
  width: 100%;
  height: 100%;
}

5.scroll-view

scroll-view

• scroll-y:允许纵向滚动。
• scroll-into-view：值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素。
• scroll-with-animation：在设置滚动条位置时使用动画过渡。

6.view

view

• hover-class：指定按下去的样式类。当 hover-class="none" 时，没有点击态效果。
• hover-start-time：按住后多久出现点击态，单位毫秒。
• hover-stay-time：手指松开后点击态保留时间，单位毫秒。

7.隐藏scroll-view滚动条

/* 伪元素选择器，隐藏滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}