为了账号安全,请及时绑定邮箱和手机立即绑定

ionic 中的icon图标样式有哪些

/ 猿问

ionic 中的icon图标样式有哪些

米脂 2019-04-09 04:04:52

ionic 中的icon图标样式有哪些


查看完整描述

3 回答

?
萧十郎

  Ionic 框架中内置了很多图标,我们只需要引用 ionic icons 中的样式即可    

  Ionic tabs 示例工程中的 tab 图标

  

  但是有时我们需要自己的图标,因此我们需要定义自己的图标 比如

   

  原理

  

  Ionic 中内置的所有图标,都是通过字体文件以css 样式的方式引入

 


查看完整回答
反对 回复 2019-04-10
?
呼唤远方

1.准备工作下载Ant(打包使用),Node.js(下载包),HBuilder(IDE,编写代码,真机调试),AndroidSDK(Android编译)加群:2452857682.配置环境变量:ANDROID_HOMED:\ProgramFiles\adt\sdk(对应sdk路径)Path;D:\ProgramFiles\apache-ant-1.9.4\bin(对应ant下bin路径)3.安装ionic等,运行命令提示符(管理员)输入a.将cordova和ionic包安装到全局环境中(可供命令行使用):[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片npminstall-gcordovaionicb.进入你要创建项目的路径:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片cdE:\Study\Android\ionic\Projecte:c.创建一个名为myApp的还有tabs的项目(ionicstart)可选模板为sidemenu侧滑、tabs底部tab切换、blank空白):[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ionicstartmyApptabsd.myApp就为项目名称,进入myApp这个文件夹:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片cdmyAppe.添加android平台:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ionicplatformaddandroidf.生成androidapk:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ionicbuildandroidg.在android模拟器或真机中模拟:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ionicemulateandroid其中f和g可以合并为:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ionicrunandroid即生成apk,并在模拟器或真机中模拟。4.更新ionic等a.更新cordova及ionic包[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片npmupdate-gcordovaionicb.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ioniclibupdate5.展现ionic项目结果(显示在ios和android上的样式)[plain]viewplaincopyprint?在CODE上查看代码片派生到我的代码片ionicserve--lab6.查看ionic版本(当前最新版本为1.2.13)



查看完整回答
反对 回复 2019-04-10
?
慕妹3242003

由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最下方:
应用图标:

1.在整个项目所在文件夹下创建res文件夹,里边再分别创建两个文件夹android和ios。

2.针对Android平台:将我们的要替换的启动图标放如android文件夹下。可以分别起名为:mdpi.png(48*48),hdpi(72*72)、xhdpi(96*96)、xxhdpi(144*144) 和 xxxhdpiI(192*192)。
针对ios的,待补充。

查看完整回答
反对 回复 2019-04-10
  • 3 回答
  • 0 关注
  • 416 浏览
我要回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信