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

1:微信小程序隐藏右侧滚动条

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

5640239-9734625896dd2211.png

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

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

2:微信小程序(设置当前页面标题颜色背景)

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

{
  "navigationBarBackgroundColor": "#b3d4db",
  "navigationBarTitleText": "服务中心",
  "navigationBarTextStyle": "white"
}
5640239-b820f119d04c96b7.png

3:微信小程序按钮悬浮固定在底部

5640239-859cc5794bce2ec3.png

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

 <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后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值