10

我正在尝试将 ExtJs 4.2 中的默认主题更改为 Neptune 自定义主题。如何使它用于调试？

<html>
<head>
    <title>xxx</title>
    <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css">
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript" src="Scripts/App.js"></script>
</head>
<body></body>
</html>
4

4 回答 4

19

您必须具有以下文件和文件夹：

  1. extjs/ ext-all.js
  2. extjs/ ext-theme-neptune.js
  3. extjs/resources/css/ ext-all-neptune.css
  4. extjs/resources/ext-theme-neptune/ ext-theme-neptune-all.css
  5. extjs/resources/ext-theme-neptune/ images/*.*

你的代码如下：

<html>
    <head>
        <title>xxx</title>
        <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
        <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-neptune.css">
        <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css">
        <script type="text/javascript" src="extjs/ext-all.js"></script>
        <script type="text/javascript" src="extjs/ext-theme-neptune.js"></script>
        <script type="text/javascript" src="Scripts/App.js"></script>
    </head>
    <body></body>
</html>
于 2013-06-07T08:59:05.667 回答
5

要更改为海王星主题line 33，请将sencha.cfg位于.sencha/app/sencha.cfg中的文件修改为

app.theme=ext-theme-neptune

sencha app refresh在您的终端或命令行中执行此操作后

于 2013-05-24T09:46:55.340 回答
3

我按照@ccerville 说的做了，但完成了

 sencha app build

这对 bootstrap.css 产生了一些魔力，并允许调试页面使用海王星。“刷新”似乎没有什么不同，而构建修改了 bootstrap.css，这是“调试”index.html 使用的。

此处提供更多信息：http: //senchado.blogspot.ca/2013/03/extjs-42-app-with-custom-neptune-based.html

于 2013-06-04T15:26:48.060 回答
-1

在 app.json 更改“主题”定义的第 31 行。改变它“主题”：“ext-theme-neptune”

完成此操作后，在您的终端或命令行中运行 sencha app build

于 2015-02-18T05:53:00.127 回答