首先把你 图标图片放入 E:\space\Theming\sdk\resources\themes\images\default\pictos 目录下
我放了个 sai.png
app.scss
$base-color: #ffffff; //背景色
$active-color: #ea4199; //选中色
@import 'sencha-touch/default/all';
// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
// Your custom code goes here...
@include pictos-iconmask('sai'); //自定义图标
config.rb
# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)
# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'sdk', 'resources', 'themes')
# Compass configurations
sass_path = dir
css_path = File.join(dir, "..", "css")
# Require any additional compass plugins here.
images_dir = File.join(dir, "..", "images")
output_style = :compressed
environment = :production
{
title: 'Get Started',
iconCls: 'sai', //关键
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'Getting Started'
},
{
xtype: 'video',
url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',
posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'
}
]
}
dos 命令
cd E:\space\Theming\resources\sass
compass compile
持久性的 compass watch
http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch
- 大小: 3.8 KB
分享到:
相关推荐
实现sencha touch 三种图标的使用 1、使用内置图标 2、使用自定义的字体图标 3、使用自定义的图片 经过验证,绝对可用
本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...
A demonstration of how the list view works in Sencha Touch 2.
Sencha Touch开发的项目《般若人生》源码
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
sencha touch 折叠list
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
sencha touch 2.4.0最新版 原版包下载
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
sencha touch cookbook 英文高清文字版 !
sencha touch list demo
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
sencha touch动态加载组件及容器内容,防止加载时间过长的问题
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果
这是我做的一个sencha touch 的项目,测试并能运行,希望对大家有帮助
sencha touch grid
sencha touch2移动开发框架,ajax获取数据
讲其解压到Tomcat的webAPP目录下,即可访问