如何利用ionic框架设置自带按钮样式

 我来答
萝莉MM在路上
2016-11-26 · TA获得超过989个赞
知道小有建树答主
回答量:6429
采纳率:0%
帮助的人:963万
展开全部
第一步,创建静态页面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,设置完毕后进行预览,如下图所示:
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式