Sencha触摸按钮ui前进型

时间:2014-03-06 17:28:15

标签: sencha-touch-2.2

我有一个带有两个按钮的工具栏来导航旋转木马。我有按钮ui值后退和前进。在默认的sencha主题中,按钮看起来正确,后退和前进L& F.但是当我把主题改为cupertino时。前进按钮没有按钮ui。附上下面的截图

This is how it looks in sencha theme The cupertino theme displays like this, missing the right >

1 个答案:

答案 0 :(得分:0)

ios没有前进按钮类型。所以我不得不修改css以提供前进按钮类型。

.x-button.x-button-forward {
  border : 0px;


  &:after {
    content: '!';
    font-family: 'iOS7';
    color: $ios7-blue;
    font-size: 1.3em;
    text-align: center;
    background-color: transparent;
    line-height: 1.3em;
    padding-left: 0px;
  }


  .x-button-label {
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 300;
    padding-left: 2px;
  }
}

请查看此链接http://www.sencha.com/forum/showthread.php?279139-Forward-button-UI-in-Cupertino-theme&p=1020204&viewfull=1#post1020204