0

Sencha touch 2 アプリケーションで画像ボタンを作成したいと考えています。そのために、ボタンの cls プロパティを定義し、app.css ファイルに追加します。しかし、ボタンの背景は表示されません..

ここに私のindex.htmlクラスがあります

    <!DOCTYPE html>
<!-- Auto Generated with Sencha Architect -->
<!-- Modifications to this file will be overwritten. -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Teritree</title>
    <script type="text/javascript" id="phonegap" src="cordova-1.8.1.js"></script>
    <script src="sencha-touch-all.js" type="text/javascript"></script> 
    <link rel="stylesheet" type="text/css" href="app.css"/>
    <script type="text/javascript" src="app/app.js"></script>
     <script>
        Ext.Loader.setConfig({ disableCaching: false });
        Ext.Ajax.setDisableCaching(false);    
    </script>
    <script type="text/javascript">
        if (!Ext.browser.is.WebKit) {
            alert("The current browser is unsupported.\n\nSupported browsers:\n" +
                "Google Chrome\n" +
                "Apple Safari\n" +
                "Mobile Safari (iOS)\n" +
                "Android Browser\n" +
                "BlackBerry Browser"
            );
        }
    </script>
</head>
<body></body>
</html>

ここに私のボタンコードがあります:

xtype: 'button',
                            docked: 'left',
                            cls: 'wishlogbtn',
                            height: 200,
                            margin: 50,
                            width: 150

そして、app.css ファイルに次の行を追加しました。

  .wishlogbtn
{
    background-image: url('../wishlog.png');
}

私はこのプラットフォームを初めて使用するため、corect を行っているかどうかはわかりません。助けてください..

4

2 に答える 2

1

よくわかりませんが、これを試すことができます:

.wishlogbtn
{
    background-image: url('../wishlog.png') !important;
}

また

.wishlogbtn
    {
-webkit-mask-image: url('../wishlog.png');
background: white;/*or smthing*/
}

他のすべてが失敗した場合は、html プロパティを使用できます

xtype:'button',
html:'<img src="..."/>'

<sencha_dir>\resources\themes\images\default\pictos\ には、.scss (SASS) ファイルに含めることができる多くの利用可能なアイコンもあります。

@include pictos-iconmask('user');/*replace "user" with any name of .png file in that folder"*/

そして、sencha で次のように使用できます。

xtype: 'button',
iconMask: true,
iconCls: 'user' /* use the same name as in .scss*/
于 2012-07-05T14:07:12.713 に答える
0

私はそれを解決することができます。問題は画像のパスにあります。

于 2012-07-05T14:17:18.947 に答える