Nativescript Кнопка отображения на кране с цветом фона текста, когда я установил: isEnabled: false при проблеме с макетом крана - PullRequest
Новая
       9

Nativescript Кнопка отображения на кране с цветом фона текста, когда я установил: isEnabled: false при проблеме с макетом крана

0 голосов
/ 25 января 2019

Первоначально Если установлено isEnabled="false", то нет проблем с расположением кнопок кнопка отображается правильно без фона метки. Но когда я установил isEnabled=true или isEnabled=false на кнопку tap, кнопка будет отображаться, как показано ниже, с цветом фона метки. как я могу решить эту проблему?

Начальный вид

enter image description here

После просмотра нажмите

enter image description here

enter image description here

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

Детская площадка

Для детской площадки Нажмите здесь

1 Ответ

0 голосов
/ 25 января 2019

Я посмотрел на вашу игровую площадку, и похоже, что span в formattedstring имеет прозрачный фон, и проблема все еще открыта для наследования родительского стиля.

Но согласно предложению здесь Теперь вы также можете оформить диапазон.Так что в вашем случае вам нужно стилизовать диапазон, когда кнопка отключена.

Я обновил игровую площадку здесь .

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

...