如何利用ionic框架制作无序列表并设置样式

2024-11-02 06:44:16

1、第一步,创建的静态页面uls.html,添加手机设备兼容性,并插入ionic框架的js和c衡痕贤伎ss文件,修改title标签内文字显示,如下图所示:

如何利用ionic框架制作无序列表并设置样式

3、第三步,完成第二步代码编写后,在浏览器中预览静态页面,这时页面显示六个月无序列表内容,每个捂执涡扔使用间隔线间隔起来,如下图所示:

如何利用ionic框架制作无序列表并设置样式

5、第五步,在script编辑AngularJS代码,利用$scope.datas给无序列表赋值,如下图所示:

如何利用ionic框架制作无序列表并设置样式
猜你喜欢