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 を行っているかどうかはわかりません。助けてください..