1:微信小程序隐藏右侧滚动条
当页面元素列表过多的时候,右侧会默认出现一个很难看的滚动条,这个时候就需要写代码将这个滚动条隐藏起来了。
其实方法很简单;只需要在wxss里面添加这样的一段代码即可
::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }
2:微信小程序(设置当前页面标题颜色背景)
全局的属性在全局app.json里面设置,如果要设置单独界面里面的属性,就在那个文件夹底下的XXX.json里面设置就可以了。
{ "navigationBarBackgroundColor": "#b3d4db", "navigationBarTitleText": "服务中心", "navigationBarTextStyle": "white" }
3:微信小程序按钮悬浮固定在底部
其实这是一个很简单的小程序的样式,也就随手记录下来了。
<button class='Scancode' bindtap='getScancode'>绑定车辆</button>
wxss:
.Scancode { font-size: 39rpx; background: #fff; position: fixed; bottom: 0; display: flex; width: 100%; justify-content: center; }