DarkMatter in Cyberspace
  • Home
  • Categories
  • Tags
  • Archives

基于ionic的移动网页开发


meteor-ionic Guide是整体框架的说明。

文档中心: Ionic Documentation, 常用的包括界面组件CSS Components和 图标库ionicons(可以输入名称搜索对应图标,如"telephone", "home"等)。

Header, Footer字体太小问题

在...里增加下面两行代码:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>

Header上登录注册按钮覆盖退回按钮问题

下面的代码不会出现覆盖问题:

{{#contentFor "headerButtonLeft"}}
  {{> ionNavBackButton}}
{{/contentFor}}

{{#contentFor "headerTitle"}}
  <div class="col text-right">
    <button class="button button-clear button-stable">登录</button>
    <button class="button button-clear button-stable">注册</button>
  </div>
{{/contentFor}}

如果在<div class="col text-right">外面加上一层<div class="bar bar-header bar-positive">, 则会覆盖"headerButtonLeft"中定义的返回按钮。

另:{{> ionNavBackButton}} 中可以添加path(返回指定route)和text(按钮说明文字)属性。



Published

Jul 18, 2015

Last Updated

Jul 18, 2015

Category

Tech

Tags

  • ionic 2
  • meteor 47
  • meteoric 2

Contact

  • Powered by Pelican. Theme: Elegant by Talha Mansoor