第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何更改 vuetify 復(fù)選框標(biāo)簽樣式？

如何更改 vuetify 復(fù)選框標(biāo)簽樣式？

POPMUISE 2023-06-15 16:44:53
你可以添加狀態(tài)  const [selectedId, setSelectedId] = useState(null);然后制作一個(gè)函數(shù)來(lái)呈現(xiàn)在這種情況下的指南const renderGuide = ({ item, index }) => {    console.log(item)    const backgroundColor = item.id === selectedId ? "#FFFFFF" : "#FFFFFF";    return (      <Guide        item={item}        index={index}        onPress={() => setSelectedId(item.id)}        style={{ backgroundColor }}      />    );  };這樣你就可以訪問(wèn)由 id 選擇的項(xiàng)目
查看完整描述

3 回答

?
繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

我不確定這是否是正確的方法。但是通過(guò) Vuetify，您還可以使用插槽。


通過(guò)這種方式，您可以使用添加標(biāo)簽并根據(jù)需要設(shè)置樣式。


<v-checkbox>

  <template v-slot:label>

    <span id="checkboxLabel">Label Content</span>

  </template>

</v-checkbox>


<style>

#checkboxLabel {

   color: blue;

   font-size: 16px;

}

</style>

讓我知道是否還有其他事情！


查看完整回答
反對(duì) 回復(fù) 2023-06-15
?
胡子哥哥

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超6個(gè)贊

要想用好vue，就得用好slot。它使您更有效率。

<div id="app">

? <v-app id="inspire">

? ? <v-container fluid>

? ? ? <v-checkbox v-model="checkbox">

? ? ? ? <template v-slot:label>

? ? ? ? ? <div>

? ? ? ? ? ? I agree that

? ? ? ? ? ? <v-tooltip bottom>

? ? ? ? ? ? ? <template v-slot:activator="{ on }">

? ? ? ? ? ? ? ? <a

? ? ? ? ? ? ? ? ? target="_blank"

? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? @click.stop

? ? ? ? ? ? ? ? ? v-on="on"

? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? Vuetify

? ? ? ? ? ? ? ? </a>

? ? ? ? ? ? ? </template>

? ? ? ? ? ? ? Opens in new window

? ? ? ? ? ? </v-tooltip>

? ? ? ? ? ? is awesome

? ? ? ? ? </div>

? ? ? ? </template>

? ? ? </v-checkbox>

? ? </v-container>

? </v-app>

</div>


<script>

new Vue({

? el: '#app',

? vuetify: new Vuetify(),

? data () {

? ? return {

? ? ? checkbox: false,

? ? }

? },

})

</script>


查看完整回答
反對(duì) 回復(fù) 2023-06-15
?
Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊

Vuetify 對(duì) CSS 具有非常高的特異性，但使用::deep.


在這里，我將復(fù)選框和標(biāo)簽文本的顏色和字體大小設(shè)置為相同。這種顏色樣式只會(huì)影響未選中的復(fù)選框。為了也為選中的復(fù)選框（包括狀態(tài)之間的動(dòng)畫(huà)）獲得白色，您也應(yīng)該color="white"添加。v-checkbox


在模板中添加復(fù)選框

在這里，color="white"控制選中的復(fù)選框的顏色，而不是未選中的。


<v-checkbox

  v-model="theModel"

  color="white"

  label="This text will soon be white"

/>

使用 SCSS，樣式看起來(lái)像這樣

使用:deep覆蓋 vuetify 樣式，允許你創(chuàng)建你想要的外觀


.v-input--checkbox::v-deep {

  .v-label, .v-icon {

    color: white;

    font-size: 22px;

  }

}


查看完整回答
反對(duì) 回復(fù) 2023-06-15
  • 3 回答
  • 0 關(guān)注
  • 320 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)