Question

编辑：

我真的需要它才能工作，如果你要回答或回复，请先阅读有关问题的评论，你的意见可能已被涵盖。

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

这是我的app.scss

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


$base-color: #8bc531;

这个也没有用，已在评论中回复。无需链接非工作答案并再次进行downvote。另外，很高兴知道，.scss文件可以正确编译而不会出错。

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

实际上文件较长，其他一切正常。我只有$ base-color的问题，它不会改变任何颜色的颜色，并且它可能会立即影响应用程序的大部分组件......

有人能解释一下为什么它不起作用它应该在sencha网站上展示吗？

Answer 1

谨防使用试用版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>

Sencha中的SCSS主题 - $ base-color

1 个答案: