找回密码
 立即注册

扫一扫,访问微社区

查看: 20104|回复: 10

【新版编辑器】底部导航

  [复制链接]

910

主题

1190

回帖

3万

金钱

管理员

论坛管理员

积分
0

突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 2016-1-27 16:47:45 | 显示全部楼层 |阅读模式
此功能视频教程请点击链接查看http://school.jisuapp.cn/courses/151-53.html

一、功能简介

底部导航是固定于页面底部的导航键,商家将底部导航关联到相应页面,消费者点击导航按钮才可跳转到对应页面。

二、使用场景
1. 商家在小程序添加首页、商品以及个人中心三个按钮的底部导航,便于消费者自由切换页面
2. 商家还可以自由添加多个底部导航按钮,指引消费者浏览每个页面所对应的内容,起到引导作用

三、功能展示图
1.png

注:1. 底部导航其中一个导航要链接到首页
       2. 底部导航按钮不能少于2个(2~5个)
       3.要上传原始图片和按下图片,否则上传到开发者工具会出现报错,并且总的图片大小不能超过40kb

四、操作流程

1.登录官网(http://www.jisuapp.cn)进入【前端编辑器】-【添加导航】

2.png

2.【导航设置】,编辑页面文字、上传原始图片和按下图片,绑定链接跳转的页面

3.png

3.【组件样式
①基本设置
背景颜色:设置组件的背景颜色
边框颜色:根据需求选择白色或者黑色
②文字设置
初始颜色:可以设置文字初始颜色
选中颜色:可以设置文字选中后颜色

图片3.png


此功能视频教程请点击链接查看http://school.jisuapp.cn/courses/151-53.html


1

主题

3

回帖

73

金钱

新人求带

积分
0
发表于 2017-9-11 17:27:02 | 显示全部楼层
底部导航怎么复制到另一个页面啊

0

主题

1

回帖

31

金钱

新人求带

积分
0
发表于 2017-8-25 17:11:47 | 显示全部楼层
底部导航不能调用电话功能吗?

1

主题

2

回帖

111

金钱

新人求带

积分
0
发表于 2017-10-6 22:19:32 | 显示全部楼层
Wo姓蒲 发表于 2017-9-11 17:27
底部导航怎么复制到另一个页面啊

你好,请问解决了嘛?

0

主题

1

回帖

17

金钱

新人求带

积分
0
发表于 2017-11-8 10:47:06 | 显示全部楼层
18927002290 发表于 2017-10-6 22:19
你好,请问解决了嘛?

右键复制,当点复制只是复制到当前页;选择你要复制的分组里就可以了。

910

主题

1190

回帖

3万

金钱

管理员

论坛管理员

积分
0

突出贡献优秀版主荣誉管理论坛元老

QQ
 楼主| 发表于 2017-11-13 16:29:56 | 显示全部楼层
Futina福田 发表于 2017-8-25 17:11
底部导航不能调用电话功能吗?

可以

910

主题

1190

回帖

3万

金钱

管理员

论坛管理员

积分
0

突出贡献优秀版主荣誉管理论坛元老

QQ
 楼主| 发表于 2017-11-13 16:30:13 | 显示全部楼层
Wo姓蒲 发表于 2017-9-11 17:27
底部导航怎么复制到另一个页面啊

右键复制

2

主题

20

回帖

121

金钱

新人求带

积分
0
发表于 2018-1-3 11:42:19 | 显示全部楼层
啥也不说了,感谢楼主分享哇!

0

主题

33

回帖

606

金钱

新人求带

积分
0
发表于 2018-1-9 16:09:17 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
即速应用技术指导员QQ:443370783
想请教的朋友随时联系我。

2

主题

1

回帖

36

金钱

新人求带

积分
0
发表于 2018-1-18 13:44:57 | 显示全部楼层
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1  

GMT+8, 2024-3-28 22:54 , Processed in 0.157503 second(s), 40 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表