微信小程序(十)导航界面知识点

作者: zcwfeng | 来源:发表于2021-05-18 16:09 被阅读0次

1.导航栏标题设置

页面配置

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

2.API

  1. 导航
    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;
}

相关文章

网友评论

    本文标题:微信小程序(十)导航界面知识点

    本文链接:https://www.haomeiwen.com/subject/eycyjltx.html