-1

编辑 ：

我真的需要它来工作，如果您要回答或回复，请先阅读对问题的评论，您的观点可能已经涵盖。

我正在尝试覆盖 sencha 的基本变量以为我的应用创建主题

这是我的 app.scss

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';


$base-color: #8bc531;

这一个也没有工作，已在评论中回复。无需链接无效的答案并再次投票。另外，很高兴知道，.scss 文件确实可以正确编译而没有错误。

$base-color: #8bc531;
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

实际上文件更长，其他一切正常。我只是对 $base-color 有问题，它根本不会改变颜色，而且它应该会立即影响应用程序的大部分组件......

有人能解释一下为什么它不工作吗？它应该出现在煎茶网站上吗……？

4

1 回答 1

0

小心使用 ST 的试用版创建项目。索引文件与您购买时的索引文件不同，在试用版中，它用颜色覆盖主题，（不可编辑）而在付费版本中，此行被删除 -_-'

<!DOCTYPE HTML>

<html manifest="" lang="en-US">
<head>
<meta charset="UTF-8">
<title>CarboZero</title>
<style type="text/css">
    html, body {
        height: 100%;
        background-color: #1985D0
    }

    #appLoadingIndicator {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        text-align: center;
        width: 100%;
        height: 30px;
        -webkit-animation-name: appLoadingIndicator;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: linear;
    }

    #appLoadingIndicator > * {
        background-color: #FFFFFF;
        display: inline-block;
        height: 30px;
        -webkit-border-radius: 15px;
        margin: 0 5px;
        width: 30px;
        opacity: 0.8;
    }

    @-webkit-keyframes appLoadingIndicator{
        0% {
            opacity: 0.8
        }
        50% {
            opacity: 0
        }
        100% {
            opacity: 0.8
        }
    }
</style>
<!-- The line below must be kept intact for Sencha Command to build your application -->
<script id="microloader" type="text/javascript" src="touch/microloader/development.js"></script>
<script src="resources/AppLibrary.js"></script>
<script src="resources/ENG.js"></script>
<script src="resources/FR.js"></script>
<script src="resources/ESP.js"></script>
<script src="resources/GlobalVariables.js"></script>
<script src="resources/ProjectStorage.js"></script>
<script src="resources/Elements.js"></script>
<script src="resources/UnitConversion.js"></script>
<script src="resources/Types.js"></script>
<script src="resources/LanguageConversion.js"></script>
<script src="resources/ESPElement.js"></script>
<script src="resources/ENGElement.js"></script>
<script src="resources/FRElement.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<div id="appLoadingIndicator">
    <div></div>
    <div></div>
    <div></div>
</div>
</body>
</html>
于 2013-07-16T14:55:33.387 回答