Question

怎么利用ionic开发框架自定义颜色

Answer 1

第一步，在创建的web项目里新建静态页面，并引入ionic核心css文件和js文件，以及AngularJS文件，如下图所示：

第二步，在body标签内插入div标签，并插入无序列表，这里引入assertive设置颜色，如下图所示：

第三步，利用balanced、balanced-bg和balanced-border设置颜色，如下图所示：

第四步，利用calm、calm-bg和calm-border设置颜色，如下图所示：

第五步，利用dark、dark-bg和dark-border设置颜色，如下图所示：

第六步，利用energized、energized-bg、energized-border设置颜色，如下图所示：

第七步，利用light、light-bg、light-border设置颜色，如下图所示：

第八步，利用positive、positive-bg、positive-border设置颜色，如下图所示：

第九步，利用royal、royal-bg、royal-border设置颜色，如下图所示：

第十步，利用stable、stable-bg、stable-border设置颜色，如下图所示：