各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,书接上文，这次给大家来分享的是关于ionic中CSS文档当中的侧边栏使用方法和布局。
首先先给大家看一下效果。
侧边栏
这个效果我们已经可以看到了，使用方法我们还是老样子，去ionic中文官网去查看js文档。
ionic中文官网
在这里呢我们看到html标签和js代码的使用方法。
那么首先我们先把html标签代码复制过来，放在我们的index.html的文件上。
index。html文件的写法
我们的html代码复制到index后，我们现在需要写一下js的代码，看看js是如何通过滑动进行侧边栏的打开的。
而js代码，我们需要在controller。js文件中去写入。 而我的首页所对应的controller 控制器的位置在这里。
controller。js文件
我们js文件写完之后，我们的侧边栏就可以动了。
我在这里还加了一个功能，就是通过点击我们左上角的头像，然后侧边栏也能够打开。
我们在对应的home。html文件里面 写一个点击事件
侧边栏点击事件
这样我们的侧边栏就可以点击打开了。
而左边的侧边栏的布局方法。 我用的 row 和col 百分比例写的。
下面的图片加文字使用list列表
list列表
这样关于列表我的html代码复制过去更改一下样式就哦了。
效果就是这样啦。
效果
好啦，关于侧边栏的使用方法就简单的给大家介绍到这里啦，如有什么问题可以留言哦，谢谢大家，祝大家新年快乐~~~~
网友评论