1. 程式人生 > >sencha touch 2.3.1 自己定義圖示

sencha touch 2.3.1 自己定義圖示

E文好的請看下面文件

http://docs.sencha.com/touch/2.3.1/#!/guide/theming

Adding Your Own Icons to Your Application

E 文不好的人 當然也要看上面的文件,如果安裝文件的方法做,你會發現,無論如何也無法通過sencha app build 老是include the webfont file into this Sass file using the @include icon-font mixin statement. Once downloaded, incorporate the font file into your Compass files using the @font-face mixin 錯誤

解決 方法就是,http://stackoverflow.com/questions/16985226/icomoon-not-loading-properly/16998639#16998639  

 1)https://icomoon.io/app/#/select/font 到此神站,選擇你需要的圖示,或者上傳你的圖示,生成font形式,解壓到

{sencha app}\resources\sass\stylesheets\fonts\pictos

2)

編輯 sass 目錄下的 app.css檔案

// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';


// Custom code goes here..


// Examples of using the icon mixin:
// @include icon('user');






//@include pictos-iconmask('check2');


@include icon-font("icomoon",inline-font-files(
"pictos/icomoon.woff",woff,
"pictos/icomoon.ttf",truetype,
"pictos/icomoon.svg",svg
));
@include icon('icon-coin', '\e600', 'icomoon');
@include icon('icon-location', '\e601', 'icomoon');
@include icon('icon-stats', '\e602', 'icomoon');
@include icon('icon-rocket', '\e603', 'icomoon');
@include icon('icon-news', '\e604', 'icomoon');
@include icon('icon-mail', '\e605', 'icomoon');

build 就Ok了

相關推薦

sencha touch 2.3.1 自己定義圖示

E文好的請看下面文件 http://docs.sencha.com/touch/2.3.1/#!/guide/theming Adding Your Own Icons to Your Application E 文不好的人 當然也要看上面的文件,如果安裝文件的方法做

Sencha Touch 2.3 + Cordova 3 環境搭建

採用Sencha Touch開發的App,如果使用者點選退出按鈕,則App會直接退出。 Sencha Cmd 4.0提供了訪問Cordova的方法,可以解決上述問題。 一、準備工作 1. 安裝Jav

Centos 7 安裝OCSInventory NG 2.3.1全記錄

zip ocsinventory OCSInventory Server 安裝記錄OS:centos 7 coreIP:192.168.8.108hostname:OCSInventoryuser root:ocsadminusr ocs:ocsadminyum install openssh v

2.3.1 TextView(文本框)詳解

方便 etop wrap -c radi xmlns info 普通 bsp http://www.runoob.com/w3cnote/android-tutorial-textview.html 1.基礎屬性詳解: 通過下面這個簡單的界面,我們來了解幾個最基本的屬性

Atitit api標準化法 it法學之 目錄 1. 永遠的痛點:介面與協議的標準化 1 2. 標準化優點 1 3. 標準化組織 2 3.1. 應當處理標準化委員會 2 3.2. 標準化提案與表決

Atitit  api標準化法 it法學之   目錄 1. 永遠的痛點:介面與協議的標準化 1 2. 標準化優點 1 3. 標準化組織 2 3.1. 應當處理標準化委員會 2 3.2. 標準化提案與表決 2 4. 標準化方法 2 4.1. Ap

2.3.1 Longest Prefix 最長字首(字典樹)

Description 在生物學中,一些生物的結構是用包含其要素的大寫字母序列來表示的。生物學家對於把長的序列分解成較短的(稱之為元素的)序列很感興趣。 如果一個集合 P 中的元素可以通過串聯(允許重複;串聯,相當於 Pascal 中的 “+” 運算子)組成一個序列 S ,那麼我們認為序列

Atitit 工作流之道 艾提拉著 BPM,即業務流程管理 目錄 1. 流程入門 思想 歷史 分類 1 第二篇 第2章 初識工作流 2 1.1. 2.3 工作流技術相關規範  2.3.1 W

Atitit 工作流之道  艾提拉著   BPM,即業務流程管理   目錄 1. 流程入門 思想 歷史 分類 1 第二篇  第2章 初識工作流 2 1.1.  2.3 工作流技術相關規範  2.3.1 WfMC之

Atitit 前端 dom 的藝術 attilax著 目錄 1. 概念 1 2. 發展歷程 1 2.1. 廠商各自為政 2 2.2. 1.4 制定標準 標準化 w3cdom 2 2.3. 1.4.

Atitit 前端 dom 的藝術 attilax著 目錄 1. 概念 1 概念 1.2 DOM  什麼是DOM?簡單地說,DOM是一套對文件的內容進行抽象和概念化的方法。  在現實世界裡,人們對所謂的“世界物件模型”都不會陌生

ACMNO.19 C語言-對角求和 求一個3×3矩陣對角線元素之和。 輸入 矩陣 輸出 主對角線 副對角線 元素和 樣例輸入 1 2 3 1 1 1 3 2 1 樣例輸出 3 7

這個我做了改進,可以實現NXN的矩陣。求出對角線之和! 只需要修改定義的define z的值就好! 接下來,進入正題! 題目描述: 求一個3×3矩陣對角線元素之和。 輸入 矩陣 輸出 主對角線 副對角線 元素和 樣例輸入 1 2 3 1 1 1 3

Atitit api標準化法 it法學之 目錄 1. 永遠的痛點:介面與協議的標準化 1 2. 標準化優點 1 3. 標準化組織 2 3.1. 應當處理標準化委員會 2 3.2. 標準化提案與表決

Atitit  api標準化法 it法學之 目錄 永遠的痛點:介面與協議的標準化 標準不相容,對當地政府和企業也許是好事,可以保證大家都買本地市場的產品,但是對於消費者未必,但是也能忍,畢竟家電類的好產品本地市場還是很

使用docker搭建spark(2.3.1)叢集

使用Docker快速搭建Spark叢集。 建立Spark叢集 首先在命令列下載該專案: git clone https://github.com/gettyimages/docker-spar

《Objective-C高階程式設計》讀書筆記--2.3.1--Blocks的實質

前言 Blocks的原理,每當自己對知識體系有一定提升之後,再回過頭來看一下曾經讀過的書籍,會發現對它的理解逐步加深。藉著讀書筆記活動,立個小目標,把Block徹底搞明白,重讀《Objective-C高階程式設計 iOS與OS X多執行緒和記憶體管理》第二章節block原理部分,一方面給自己做個筆記,另一方

Centos6.8 安裝spark-2.3.1 以及 scala-2.12.2

一、Spark概述    Spark 是一個用來實現快速而通用的叢集計算的平臺。     在速度方面,Spark 擴充套件了廣泛使用的 MapReduce 計算模型,而且高效地支援更多計算模式,包括互動式查詢和流處理。 在處理大

爬蟲的一些知識點 目錄 1. 網路爬蟲 1 2. 產生背景 垂直領域搜尋引擎 2 3. 1 聚焦爬蟲工作原理以及關鍵技術概述 3 4. 涉及技術 3 4.1. 下載網頁 一般是通過net api

爬蟲的一些知識點   目錄 1. 網路爬蟲 1 2. 產生背景 垂直領域搜尋引擎 2 3. 1 聚焦爬蟲工作原理以及關鍵技術概述 3 4. 涉及技術 3 4.1. 下載網頁  一般是通過net api 3 4.2. 分析網頁(html分析

Spring框架參考文件 2.3.1 依賴管理和命名約定

2.3.1 依賴管理和命名約定 依賴管理和依賴注入是不同的事情。要將Spring的這些優秀功能整合到您的應用程式中(如依賴注入),您需要組裝所需的所有庫(jar檔案)並在執行時將它們放到類路徑中,並且可能在編譯時。這些依賴項不是注入的虛擬元件,而是檔案系統中的物理資源(通常

更新Android Studio到2.3.1出現的問題

1、要更新kotlin外掛,不然程式都無法開啟。 2、更新sdk(根據提示更新就可以了) 3、Error:(3) Error retrieving parent for item: No resource found that matches the given name

用次世代2.3訓練自己的字元庫cds小demo

從我前幾天寫的 python 基於次世代驗證碼識別系統的小demo 中大家可以得知,如果有antiVC.dll 和關於特定網站的字元庫cds,我們就能夠讓瀏覽器自動識別驗證碼了。雖然網路有不少視訊關於怎麼訓練cds,我還是總結下吧,哎,備忘。 自己訓練資料相對於去購買什麼超

[ERROR] Failed to execute goal org.apache.maven.plugins:maven-install-plugin:2.3.1:

security-sdk-1.0.jar已經存在於D:/secServerSDK-test/src/main/resources/lib下 報錯如下: [email protected] /d/secServerSDK-test/src/main/resources/lib $ mvn inst

Discuz!教程之X3.4/X3.3/3.2/3.1/X3/X2.5論壇外部呼叫資料實現偽靜態

Discuz!有個外部資料呼叫的功能,可以把論壇的資料按一定的規則在其他網站呼叫使用,但是外部呼叫的帖子不能顯示偽靜態,讓很多站長苦惱。 解決方法: 找到論壇目錄下source\class\block\forum\block_thread.php 開啟編輯 搜尋 'url'