找回密码
 立即注册
搜索

开发问题 侧边栏怎么实现

4
回复
1944
查看
[复制链接]

1

主题

2

帖子

15

积分

 楼主| 2018-10-22 09:17:21 显示全部楼层 |阅读模式
快应用的侧边栏要怎么写啊,能不能提供一些思路
回复

使用道具 举报

1

主题

3

帖子

20

积分

2018-10-22 10:14:26 显示全部楼层
两个div,左和右,左侧的div点击触发,改变右侧div内容,这样写最好点击前后内容的结构是相同的,不然就要用左侧几个标签,右侧几个div,根据class = “{{active == index? ‘show’:‘hide’}}” 来动态给div 添加样式 .show{display:flex} .hide{display:none} 希望可以帮到你
回复

使用道具 举报

1

主题

2

帖子

15

积分

 楼主| 2018-10-22 14:43:36 显示全部楼层
空格 发表于 2018-10-22 10:14 两个div,左和右,左侧的div点击触发,改变右侧div内容,这样写最好点击前后内容的结构是相同的,不然就要 ...
不好意思没太懂,这样难道不是隐藏么,像手机版qq那种点一下头像侧栏拉出来但右侧并没有被隐藏啊
回复

使用道具 举报

1

主题

3

帖子

20

积分

2018-10-22 16:34:04 显示全部楼层
本帖最后由 空格 于 2018-10-22 16:36 编辑
雪地二货 发表于 2018-10-22 14:43 不好意思没太懂,这样难道不是隐藏么,像手机版qq那种点一下头像侧栏拉出来但右侧并没有被隐藏啊 ...
左侧 | 右侧 1 | div{show} div{hide} div{hide} 2 | 3 | 这个是展开的样子 1 2 3 相当于三个按钮嘛,点击的时候改变右侧不同的div的display 左侧 | 右侧 1 | div 2 | 3 | 这个是 点击1 2 3 的时候改变div的一个变量,比如for={{item}} 点一次就重新给item赋值
回复

使用道具 举报

7

主题

38

帖子

225

积分

2018-10-24 11:16:31 显示全部楼层
https://doc.quickapp.cn/widgets/popup.html popup可以实现,包含滑动、和蒙版效果。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册