浅谈Sencha Touch中图标icons案例实现

newExt.Application({  
launch:function(){  
newExt.TabPanel({  
fullscreen:true,  
ui:'dark',  
sortable:true,  
defaults:{  
cls:'cardcard3'  
},  
items:[{  
iconCls:'bookmarks',  
title:'Bookmarks',  
html:'Bothtoolbarsandtabbarshavebuilt-in,readytouseicons.Stylingcustomiconsisnohassle.  
Ifyoucan’tseeallofthebuttonsbelow,tryscrollingleft/right.  
，  
},{  
iconCls:'download',  
title:'Download',  
html:'PressedDownload'  
},{  
iconCls:'favorites',  
title:'Favorites',  
html:'PressedFavorites'  
},{  
iconCls:'info',  
title:'Info',  
html:'PressedInfo'  
},{  
iconCls:'more',  
title:'More',  
html:'PressedMore'  
},{  
iconCls:'search',  
title:'Search',  
html:'PressedSearch'  
},{  
iconCls:'settings',  
title:'Settings',  
html:'PressedSettings'  
},{  
iconCls:'team',  
title:'Team',  
html:'PressedTeam'  
},{  
iconCls:'time',  
title:'Time',  
html:'PressedTime'  
},{  
iconCls:'user',  
title:'User',  
html:'PressedUser'  
}],  
dockedItems:[{  
xtype:'toolbar',  
ui:'light',  
dock:'top',  
defaults:{  
iconMask:true,  
ui:'plain'  
},  
scroll:{  
direction:'horizontal',  
useIndicators:false  
 
},  
layout:{  
items:[{  
iconCls:'action'  
},{  
iconCls:'add'  
},{  
iconCls:'arrow_up'  
},{  
iconCls:'arrow_right'  
},{  
iconCls:'arrow_down'  
},{  
iconCls:'arrow_left'  
},{  
iconCls:'compose'  
},{  
iconCls:'delete'  
},{  
iconCls:'refresh'  
},{  
iconCls:'reply'  
},{  
iconCls:'search'  
},{  
iconCls:'star'  
},{  
iconCls:'home'  
},{  
iconCls:'locate'  
},{  
iconCls:'maps'  
},{  
iconCls:'trash'  
}]  
}],  
tabBar:{  
dock:'bottom',  
scroll:{  
direction:'horizontal',  
useIndicators:false  
},  
layout:{  
pack:'center'  
}  
}  
});  
}  
}); 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.