小程序的开发尺寸 第1篇
1. 标题导航栏(Title bar)可以自定义背景,二级页面要有返回键
2. 标签分页导航(Tab bar):顶部标签导航交互方式不唯一,底部标签导航个数控制在2-5个,或可完全去除。
3. 官方小程序菜单层级优先级最高,标题栏和标签栏优先级高于弹窗。
4. 视频位置固定,可更改,但技术要求较高。
5. 页面内加载反馈可自定义。
熟悉了这些设计规范,相信你对小程序设计已经胸有成竹了。
小程序的开发尺寸 第2篇
标题导航样式设计时要与微信小程序菜单样式保持一定差异性,便于区分。另外标题导航的背景可以自定义背景颜色或图片(这里注意给开发小哥时需要把图切出来),还可以设置不透明度,是不是很帅。
二级页面要设计有返回键,要让用户知道自己在哪,怎么回去。如果页面层级太多有个一键返回首页按钮在体验上会友好很多,如知乎二级页面。
小程序的开发尺寸 第3篇
数据
数据加载,列表显示
. 值传递、获取值 data-index=_{{index}}_ // 设置属性 toDetail:function(event){ // 拼接 // 获取 data-index=_{{index}} (); ({ url: _/pages/detail/detailPage?index=_ + }) }
获取值 通过options参数
3. Demo3 水平滚动条实现时间委托传值
实现:
实现:
/* pages加载顺序第一个需要pages下的第一个page路由节点,默认选中节点 */ /* 默认图标 iconPath */ /* 选择图标 selectedIconPath*/
配置如下:
小程序的开发尺寸 第4篇
1024×1024Px、180×180Px、114×114Px、120×120Px
512x512Px、192x192Px、144x144Px、96x96Px、72x72Px、48x48Px
以上就是微信小程序 UI 尺寸的所有内容了,不知道大家记住这些尺寸规范了嘛,像视觉稿尺寸、导航栏和标签栏尺寸这些在小程序的设计中是万万不能自己胡乱更改设计的。当然了,如果你记不住这些尺寸规范也没关系,可以直接进入即时设计资源广场来进行微信小程序设计,它提供了近 4K+的小程序模板资源,比如电商类小程序、社区类小程序、短视频类小程序等,还有非常标准的微信小程序设计规范库。有了它们,在设计时就可以直接一键套用,帮你一站式搞定小程序设计!有兴趣的话快去试试吧!