1. 程式人生 > >Extjs替換自帶theme

Extjs替換自帶theme

剪出原文的第一種方式:

1.建立工作空間

cd /d [extjs SDK所在目錄]
sencha generate workspace F:\Test\ExtJs4.2\workspace

2.建立app

cd /d [extjs SDK所在目錄]
sencha generate app App1 F:\Test\ExtJs4.2\workspace\app\app1

3.編譯

cd /d [app1s所在目錄]
sencha app build

4.建立自己的主題

cd /d [app1s所在目錄]
sencha generate theme my-custom-theme

5.設定要擴充套件的風格樣式

找到"workspace/packages/my-custom-theme/package.json"檔案,修改其中內容:
"extend": "ext-theme-neptune"
"app1"目錄下,輸入下列命令:
sencha app refresh

6. 設定要全域性樣式變數 

在"my-custom-theme/sass/var/"目錄下新建Component.scss 檔案.並寫入一下內容:
$base-color: #317040 !default;
在"packages/my-custom-theme/"目錄下,輸入以下命令
sencha package build

7.使用樣式

找到 app1/.sencha/app/sencha.cfg 檔案
app.theme=ext-theme-classic
修改為:
app.theme=my-custom-theme
在" app1"目錄輸入如下命令,清理並重建應用
sencha ant clean
sencha app build
在瀏覽器中開啟"app1/index.html"檔案,可看到變化.


相關推薦

Extjs替換theme

剪出原文的第一種方式: 1.建立工作空間 cd /d [extjs SDK所在目錄] sencha generate workspace F:\Test\ExtJs4.2\workspace2.建立app cd /d [extjs SDK所在目錄] sencha ge

Linux的alternatives命令替換軟體版本或選擇軟體版本

一、命令說明 alternatives是專門維護系統命令連結符的工具,其可以對某個工具的多個軟體版本進行管理,通過它可以很方便的設定系統預設使用哪個命令的哪個軟體版本alternatives和update-alternatives其實一個命令,均指向alternatives usage: alter

VC/MFC中如何替換滾動條控制元件的圖片

Introduction This is my first article. At first, I must express my thanks to CodeProject and all the selfless people. I have tried to look for a sample to

#替換eclipse的maven#

san get pro family lips nbsp java html strong 替換自帶的maven 替換e

[JS]在js中進行正則替換顯示高亮處理中,重復替換問題,可以使用js的批量替換,則不會重復替換

數組組合 高亮顯示 log words reg his ucc div == //js高亮顯示 function highlight(){ if($.trim($(‘#pscws‘).val()) != ‘‘){ var url = $("#analys

Android中RelativeLayout各個屬性和樣式 theme

Android中RelativeLayout各個屬性 android:layout_above="@id/xxx"  --將控制元件置於給定ID控制元件之上 android:layout_below="@id/xxx"  --將控制元件置於給定ID控制元件之下

dede織夢編輯器替換百度ueditor編輯器

用過dedecms的朋友都知道dede自帶的文字編輯器很不好用,且有些功能還需要我們自己手動去修改原始碼,才能完成我們想要的效果。現在廣大用dedecms的朋友們,你們有福啦!我們可以利用百度的Ueditor編輯器來改變這一狀況,讓dede的文字編輯功能變得更加的強大。

android 的主題theme

Android應用開發——系統自帶樣式Android:theme     •android:theme="@android:style/Theme.Dialog"   將一個Activity顯示為能話框模式  •android:theme="@android:style/Theme.NoTitleBar" 

Android Studio 使用騰訊瀏覽服務(替換掉系統的WebView)

一、為何不直接使用內建的WebView元件? 用Android自帶的WebView元件,做過一些較複雜應用的人應該都會發現,這個自帶的元件很多時候真是讓人無力吐嘈,主要理由有二: Android中的WebView元件,記憶體洩漏的問題一直沒有非常有效的解決方案,讓程式猿們痛不欲生。Android中的WebV

手動升級openvswitch版本以替換mininet的openvswitch

1.簡介 本篇博文是《nginx實現動態/靜態檔案快取-技術流ken》的二部曲。將詳細介紹nginx如何實現反向代理以及負載均衡技術,並輔以實戰案例。 反向代理--“反向代理(Reverse Proxy)方式是指以代理伺服器來接受internet上的連線請求,然後將請求轉發給

Android系統樣式(android:theme

android:theme="@android:style/Theme.Dialog" : Activity顯示為對話方塊模式 android:theme="@android:style/Theme.NoTitleBar" : 不顯示應用程式標題欄 android:t

android 的主題 theme 的使用

在android的sdk  安裝目錄data\res\values\themes.xml 裡系統定義好的主題,可以直接使用,在AndroidManifest.xml中定義。如果整個工程用一個主題就在application 標籤中定義。 <application android:icon="@draw

使用kbmmw中的隨機數替換delphi 10.3 的隨機數

中心 密碼 time 函數 del 算法 cati 集中 alt 我們在開發中經常會使用隨機數模擬各種隨機條件,例如生成唯一的密碼和令牌。 在計算機中,一般采用PRNG(偽隨機序列發生器)模擬真實隨機數。既然是隨機,就要要沒有任何規律, 在取值範圍內均勻、獨立。以確保盡

centos7配置阿裏yum源替換centos的yum源(其他鏡像yum源配置相似)

文件 ase cal host 清除 倉庫 mirror ror 緩存 一:下載repo文件 1.下載到本地windows再上傳到linux機器上, 下載地址:http://mirrors.aliyun.com/repo/Centos-7.repo 2.直接在linux的/

Linux系統服務羅列

會話 nscd 協議 etl 證明 ber 快的 rest 聯系 /ect/services 文件列出了系統詳細的服務 紅色字體為常用服務 acpid ACPI(全稱 Advanced Configuration and Power Interface)服務是電源管理接口。

zabbix用的模板監控mysql

數據庫 mysql 監控 先看一下zabbix自帶的mysql模板監控項:#很少是吧,沒事生產環境一般我們不用,下一篇將介紹生產環境用的另一種mysql監控。配置zabbix自帶的模板監控mysql數據庫:本文出自 “王家東哥” 博客,謝絕轉載!zabbix用自帶的模板監控mysql

NSIS隱藏窗體標題欄的button(最大化,最小化,關閉X)

簡單 ini tex call 定義 ongui col 分享 http 這個問題實在八月份逛csdn論壇的時候偶然遇到的,當時比較好奇樓主為啥要隱藏關閉button。就順口問了下,結果樓主已經棄樓。未給出原因,猜著可能是為了做自己定義頁面美化,無法改變按紐外觀之類的,

Yii2的驗證碼背景顏色怎麽調?

style 技術 log 圖片 技術分享 ont font blog span 看了下面的這張圖片你就知道啦! Yii2自帶的驗證碼背景顏色怎麽調?

mybatis配置緩存和第三方緩存

word 序列化 efault slf4j nbsp javase image html 自身 參考:https://mybatis.github.io/mybatis-3/zh/sqlmap-xml.html, http://www.yihaomen.com/articl

使用Windows 防火墻攔截勒索病毒

windows 防火墻 運行服務管理器右鍵點擊該服務,確保該服務已經啟動自定義一個inbound 入站規則點阻止連接最後自己起一個名字就好了,生成之後再入站規則時候在看看規則是否存在,大功告成。本文出自 “於昊(Pcdog)的博客” 博客,請務必保留此出處http://433266.blog.51ct