前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序常见简单界面功能属性记录

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

作者头像
王小婷
发布2018-12-26 17:23:32
6140
发布2018-12-26 17:23:32
举报
文章被收录于专栏:编程微刊编程微刊
1:微信小程序隐藏右侧滚动条

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

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

代码语言:javascript
复制
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
2:微信小程序(设置当前页面标题颜色背景)

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

代码语言:javascript
复制
{
  "navigationBarBackgroundColor": "#b3d4db",
  "navigationBarTitleText": "服务中心",
  "navigationBarTextStyle": "white"
}

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

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

代码语言:javascript
复制
 <button class='Scancode' bindtap='getScancode'>绑定车辆</button>

wxss:

代码语言:javascript
复制
.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 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1:微信小程序隐藏右侧滚动条
  • 2:微信小程序(设置当前页面标题颜色背景)
  • 3:微信小程序按钮悬浮固定在底部
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档