如何利用ionic框架设置自带按钮样式
展开全部
第一步,创建静态页面btn.html,并引入ionic和AngularJS相关的JavaScript和CSS文件,如下图所示:
第二步,在body标签内插入div元素,设置class为has-header、content;在div中插入无序列表ul,并设置class为list,如下图所示:
第三步,ul标签插入li元素,li内部插入button,并设置class为button、button-assertive,如下图所示:
第四步,按照步骤三中操作方式,设置按钮样式class为button、button-balanced,如下图所示:
第五步,按照步骤三中操作方式,设置按钮样式class为button、button-bar,如下图所示:
第六步,按照步骤三中操作方式,设置按钮样式class为button、button-bar-inline,设置完毕后进行预览,如下图所示:
第二步,在body标签内插入div元素,设置class为has-header、content;在div中插入无序列表ul,并设置class为list,如下图所示:
第三步,ul标签插入li元素,li内部插入button,并设置class为button、button-assertive,如下图所示:
第四步,按照步骤三中操作方式,设置按钮样式class为button、button-balanced,如下图所示:
第五步,按照步骤三中操作方式,设置按钮样式class为button、button-bar,如下图所示:
第六步,按照步骤三中操作方式,设置按钮样式class为button、button-bar-inline,设置完毕后进行预览,如下图所示:
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询