/wxapp-mi-mall

仿小米商城小程序

Primary LanguageJavaScript

wxapp-mi-mall

仿小米商城小程序

踩坑记

  • 注意wx.navigateTowx.switchTab的区别
  • 在做分类页时,用到了scroll-view,但是随着页面内容的增多,滚动页面时,左边导航栏和右边分类内容都会滚动,这时设置整个页面和最外层view的样式为:
page,.container{
    height:100vh;
}

即设置整个页面为一屏的高度。

  • 内容超过一屏时,scroll-view产生滚动条,嗯,这严重影响美观,通过以下样式隐藏:
::-webkit-scrollbar{  
  height: 0;
  width: 0;
  color: transparent;
}
  • scroll-view的值应为它的子元素的id值,但是这个id不能以数字开头,否则会报错:id属性格式错误,如不能包含数字(还是要仔细看看开发手册::>_<::)