小程序教程
新闻详情

小程序魔方导航模块这样添加更简单!

想要在小程序开发中添加魔方导航模块,来整理页面中的内容吗?那就跟着小编一步一步查看添加步骤吧。在这个过程中,你会了解到魔方导航模块能实现什么效果、添加的详细步骤以及编辑模板样式的方法。好了,话不多说就接着往下看吧。



一、你要先了解魔方导航模块能实现的四种样式

与我们常见的底部导航栏相比较,有更多的页面汇集到魔方导航模块上面,用户可以有获得更多更好的体验方式。主要的四种魔方导航模块样式如下图所示。

微信小程序魔方导航模块



二、添加魔方导航模块的步骤

1、通过账号和密码登录劲藤办公网站管理后台,点击轻应用小程序,进入到模块添加页面。

凡科轻站小程序开发


2、进入小程序开发设计页面后,在常用模块处,找到魔方导航,点击按钮,会出现编辑导航项,然后开始添加自己喜欢的魔方导航样式。

小程序制作设置魔方导航样式


魔方导航模块功能键使用方式【右侧功能使用说明】如下:


【基础】可修改模块名称,同时还能设置隐藏名称模式,节省页面空间。

小程序魔方导航基础修改


【样式】填充模块背景色,可以选择默认,也可以自定义,添加自己喜欢的图片,添加图片可选择拉伸或者不平铺的缩放方式。

微信小程序魔方导航样式


【模块样式】页面提供了四种样式,根据自己喜欢的选择一种或是多种。可以排成四列或者五列。

微信小程序模块样式


3、点击模块中任意一个导航选项,可以设置跳转链接以及导航样式,包括导航标题、标题样式、图标附图以及跳转方式。该功能的详细说明请参考教你设置小程序链接地址

小程序魔方模块导航选项


4、点击导航项右上角的小图标,在【常规】中对标题和标题样式进行修改。

小程序魔方模块导航常规设置


5、为小程序添加导航项。在左侧弹出的“编辑导航项”中,点击“导入页面数据”的按键,就可以将小程序已创建的所有页面变成导航项。而且,所生成的导航项会带着原先的链接,用户点击时会自动跳转到原先页面所在位置。你也可以点击“直接添加”去添加导航项,但是要自己设置跳转链接。


在“编辑导航项”中,可以通过“显示”、“排序”、“删除”键对导航项进行整理。

小程序魔方模块导航编辑


6、列举一种魔方导航模块样式的修改如下,主要是对‘图标附图’和“背景”进行更改,所有的模式都可以自定义。

小程序魔方模块导航


根据以上的步骤,一个精美的魔方导航就能制作出来了,快点来为你的小程序添加亮点吧。

舒臣办公  舒臣公司旗下专业办公平台

联系QQ:446336484
联系邮箱:shuchen@91jinteng.com 联系电话:021-38723509 ;177-172-15341(上海)
                135-5419-4153(武汉)
地址:上海市浦东新区高科西路631号 公司旗下网站
舒臣绿化:www.j888t.com
website qrcode

手机版网站

微信咨询
劲藤办公 劲藤实业旗下专业办公平台

联系QQ:446336484
联系邮箱:jinteng@j888t.com 联系电话:021-38723509 ;177-172-15341(上海)
                153-4223-2413(武汉)
地址:上海市浦东新区高科西路631号 公司旗下网站
劲藤办公:www.91jinteng.com
website qrcode

手机版网站

微信咨询
在线客服
 
 
 工作时间
周一至周五 :8:30-20:00
周六至周日 :9:00-18:00
 联系方式
客服热线:021-38723509
邮箱:jinteng@j888t.com
021-38723509