文档中心 > 设计规范new

框架

更新时间:2024/08/01 访问次数:18528

框架方案已于2020.07升级,此前小程序所使用的framework框架将停止维护更新,请尽快切换至新框架。

相关技术文档地址:

1)app.json

2)api my.qn.switchTabEx

 

一、PC端

1.布局

 

分区包含:客户端顶栏区、小程序导航区与小程序区内容三部分。其中客户端顶栏与小程序导航区由客户端提供,无需开发,开发者可配置小程序导航区。

 

分区说明

81.png

 

示例

82.png

 

2.导航

 

1)支持1~3层级的导航菜单,但为保证用户体验尽可能采用扁平的信息结构,避免菜单层级的增加;

2)2级及以下导航支持跨端适配;

 

83.png

 

3.页头

 

84.png

 

二、移动端

1.布局

 

1)顶栏区--官方提供;

2)页面内容区--ISV开发;

3)页面导航区--ISV配置;

 

85.png

 

2.顶栏

 

顶栏区为千牛系统提供的插件容器的Titlebar区域/标题栏区域,不需要工具插件的开发者进行开发,但部分内容可以定义。

 

86.png

87.png

 

88.png

 

3.导航

 

1)导航一般不超过5个,更多功能可以在页面内进行入口的引导;

2)导航与顶部的Tab可以组合使用也可以单独使用。

 

89.png

FAQ

关于此文档暂时还没有FAQ
返回
顶部