微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

扫一扫,访问微社区

查看: 10741|回复: 1

【新版编辑器】侧边栏 - 教程

  [复制链接]
发表于 2018-6-19 14:34:45 | 显示全部楼层 |阅读模式

观看此功能视频教程请点击http://school.jisuapp.cn/courses/151-19.html

定义:特殊的“自由面板布局”,为进行某个操作时弹出侧边栏,新建侧边栏并收藏为模板后称为侧边栏模板。简介:侧边栏属于一种方便功能操作的形式,通常用来整合部分资源或者放置一些快捷入口,对用户起到提醒或者导航的作用,提升用户的交互体验。

一、使用侧边栏教程 1.在【新版编辑器】-【布局】-【侧边栏】组件,将可以打开侧边栏库

2.在【侧边栏库】选择需要的【侧边栏模板】,如果没有可选的,也可以在【我的】页面新建一个

(1)侧边栏库 选择一个侧边栏模板,确认选择后,将选择的侧边栏填充到编辑器

(2)我的

①支持管理分类(增删改分类) 新增:点击【新增分类】,在分类底部将会出现一个输入分类的输入框,输入完毕后点击【保存】/按enter可保存。 编辑/删除:鼠标移动到分类后面,将会出现编辑/删除的按钮,根据需求去进行相关操作

②支持批量管理 点击“批量管理”,选中需要批量操作的弹框,点击【删除】/【移动】操作 批量删除:选中弹框,点击【删除】,将会出现提示框,点击【确定】之后,弹框将会全部删除 批量移动:选中弹框,点击【移动】,选择对应的分类,点击【确定】之后,所选择的弹框将会转移到新的分类当中去

③支持编辑、删除单个侧边栏 鼠标移动到单个弹框上,将对该弹框进行操作

二、创建、编辑侧边栏教程

1.【侧边栏】组件-【我的】页面点击【新建侧边栏】

①组件设置说明 鼠标移动到侧边栏将会出现“-”、“X” “-”表示暂时隐藏侧边栏,便于对页面进行操作其他内容 “X”表示删除侧边栏列表中已选中的侧边栏 侧边栏列表:存放用户从侧边栏库/我的页面选择的侧边栏,方便用户通过切换查看效果并选择所需的侧边栏;在侧边栏列表中支持删除已选择的侧边栏

②手动控制侧边栏入口 可对某个组件触发某种操作时出现侧边栏,组件可包括图片、文本、按钮,在这些组件右边的组件设置中点击【设置点击事件】(设置区域:点击事件->功能->侧边栏控制)选中需要的侧边栏,并且根据自身需求对侧边栏进行相关设置 弹出侧边栏:把选中的侧边栏弹出 关闭侧边栏:把选中的侧边栏关闭

2.编辑侧边栏样式 ①在侧边栏内可添加图片、文本、按钮等组件

②添加组件后,可对侧边栏内组件添加【设置点击事件】

观看此功能视频教程请点击http://school.jisuapp.cn/courses/151-19.html

1

1

2

2

3

3

4

4

5

5

6

6

7

7

8

8

0

主题

60

帖子

490

金钱

禁止发言

积分
0
发表于 2020-6-22 15:58:16 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2023-1-29 07:36 , Processed in 0.115379 second(s), 32 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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