2014-03-06 77 views
0

我有一个带有两个按钮的工具栏来导航旋转木马。作为按钮的ui值,我已经回到前面。在默认的sencha主题中,按钮的前后左右看起来正确L & F.但是,当我将主题更改为cupertino时。前进按钮不会获​​得按钮ui。附加以下Sencha触摸按钮UI向前型

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

回答

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