如何利用ionic框架设置自带按钮样式
1、第一步,创建静态页面btn.html,并引入ionic和AngularJS相关的JavaS罕铞泱殳cript和CSS文件,注意文件引入的先后顺序,如下图所示:
2、第二步,在body标签内插入div元素,设置class为has-header、content;在div中插入无序列表ul,并设置class为list,如下图所示:
3、第三步,ul标签插入li元素,li内部插入button,并设置class为button、button-assertive,如下图所示:
4、第四步,按照步骤三中操作方式,设置按钮样式class为button、button-balanced,如下图所示:
5、第五步,按照步骤三中操作方式,设置按钮样式class为button、button-bar,如下图所示:
6、第六步,按照步骤三中操作方式,设置按钮样式class为button、button-bar-坡纠课柩inline,设置完毕后进行预览,如下图所示:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:57
阅读量:35
阅读量:58
阅读量:45
阅读量:92