小程序常见简单界面功能属性记录

王小婷

发布于 2018-12-26 17:23:32

9480

文章被收录于专栏：编程微刊编程微刊

当页面元素列表过多的时候，右侧会默认出现一个很难看的滚动条，这个时候就需要写代码将这个滚动条隐藏起来了。

其实方法很简单;只需要在wxss里面添加这样的一段代码即可

::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}

全局的属性在全局app.json里面设置，如果要设置单独界面里面的属性，就在那个文件夹底下的XXX.json里面设置就可以了。

{
  "navigationBarBackgroundColor": "#b3d4db",
  "navigationBarTitleText": "服务中心",
  "navigationBarTextStyle": "white"
}

其实这是一个很简单的小程序的样式，也就随手记录下来了。

 <button class='Scancode' bindtap='getScancode'>绑定车辆</button>

wxss:

.Scancode {
  
  font-size: 39rpx;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  width: 100%;
  justify-content: center;
}

原文作者：祈澈姑娘；技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，爱折腾。坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018.12.12 ，如有侵权请联系 cloudcommunity@tencent.com 删除