小程序提供这种顶部UI了么

发布于 7 年前作者 huangguiying8587 次浏览最后编辑 7 年前来自 ask
WXOPEN Club 内容图片

对 ,就是这种顶部UI,能实现么,都来说下思路

9 回复
thao
thao1 楼6 年前
WXOPEN Club 内容图片

仿照你上面的图做了下,感觉还好 看了评论里面的思路后写出来的,嘿嘿我也是来偷学的~

xiulanlin
xiulanlin2 楼6 年前

可以的,windows的背景色跟page的背景色不是一回事,所以要注意一下。

/个性签名

WXOPEN Club 内容图片 WXOPEN Club 内容图片
junshi
junshi3 楼6 年前

也有产品问过这类问题,啊哈哈哈哈,笑死了

xiulan76
xiulan764 楼6 年前

举个例子

效果:

WXOPEN Club 内容图片 WXOPEN Club 内容图片

app.js(安卓和苹果设备表现不一大概是5像素的偏差!还有状态栏的高度一定要加上,主要是针对一些刘海设备)

WXOPEN Club 内容图片

app.json

WXOPEN Club 内容图片

page.js

WXOPEN Club 内容图片

page.wxml

WXOPEN Club 内容图片 WXOPEN Club 内容图片

具体样式可以查看我的开源项目 ColorUI组件库

lifu
lifu5 楼6 年前

navigationStyle: custom

xiejuan
xiejuan6 楼6 年前

ios,文字是默认居中的

fwang
fwang7 楼6 年前

记得如果有下拉刷新时,也要吧下拉刷新的背景色也设置成这个颜色

junluo
junluo8 楼6 年前

刚刚,就在刚刚,官方发布了公告“导航栏样式支持页面配置的功能预告及排查建议”,在即将发布的客户端版本中支持自定义导航栏样式。

https://developers.weixin.qq.com/community/develop/doc/000408d3d34178b682d7bdee259401

lei99
lei999 楼5 年前

这种就是原生的 连自定义导航栏都不需要

WXOPEN Club 内容图片