当我在水龙头布局问题上设置：isEnabled：false时，水龙头上的Nativescript按钮显示为文本背景颜色

Question

最初设置为(ns tst.demo.core (:use tupelo.core ) (defn partitions [n] (lazy-gen (if (zero? n) (yield []) (doseq [p (partitions (dec n))] (yield (glue [1] p)) (when (and (not-empty? p) (or (< (count p) 2) (< (first p) (second p)))) (yield (prepend (inc (first p)) (rest p)))))))) (partitions 4) => ([1 1 1 1] [1 1 2] [2 2] [1 3] [4]) 时，按钮布局没有问题。按钮显示正确，没有标签背景。但是，当我在按钮isEnabled="false"上设置isEnabled=true或isEnabled=false时，该按钮的显示就像下面带有标签背景色的图像一样。我该如何解决这个问题？

初始视图

点击查看后

HTML

tap

CSS

<Button @tap="googlelogin()" class="btn btn-primary" :isEnabled="!processing">
    <formattedString>
        <Span class="fa btn-icon" :text="'fa-google' | fonticon" />
        <Span class="btn-text" text="    using Google" />
    </formattedString>
</Button>

JS方法

.btn-primary {
    padding: 20;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
    vertical-align: center;
    width: 97%;
}

游乐场

对于游乐场Click here

Answer 1

我已经看过您的游乐场，格式字符串中的span看起来像是透明的背景，他们继承父样式仍然存在问题。

但是根据建议here，现在您还可以设置跨度样式。因此，根据您的情况，您需要在禁用按钮时设置跨度的样式。

我已经更新了游乐场here。

<Button @tap="googlelogin()" class="btn btn-primary" :isEnabled="!processing"> <formattedString> <Span v-bind:class=" { disabled: processing }" :text="'fa-google' | fonticon" /> <Span v-bind:class=" { disabled: processing }" class="btn-text" text=" using Google" /> </formattedString> </Button>