android - 当我在点击布局问题上设置：isEnabled:false 时，Nativescript 按钮在点击时显示文本背景颜色

Question

最初如果设置isEnabled="false"，则按钮布局没有问题。该按钮在没有标签背景的情况下正确显示。但是当我设置isEnabled=true或isEnabled=false打开按钮tap时，按钮的显示就像下面带有标签背景颜色的图像一样。我该如何解决这个问题？

初始视图

点击查看后

HTML

<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>

CSS

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

JS方法

googlelogin() {
    this.processing = true;
}

操场

游乐场点击这里

Answer 1

我查看了您的游乐场，它看起来像spanformattedstring 有一个透明的背景，并且仍然存在问题让他们继承父样式。

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

我在这里更新了操场。

<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>