国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

遷移Vuetify 2到3:替換已移除的樣式 .v-application / rounded / flat
P粉258083432
P粉258083432 2023-09-01 22:27:02
0
1
816
<p>我正在嘗試從Vuetify/Vue 2升級到3。我不是前端開發(fā)人員,只是負責升級一些舊代碼以保持功能正常。不幸的是,遷移指南似乎假設了一定的基本CSS知識,并沒有提供如何修復所有被刪除內(nèi)容的示例。</p> <p>我正在努力弄清楚如何遷移以下代碼片段中的<code>rounded</code>和<code>flat</code>:</p> <pre class="brush:php;toolbar:false;"><v-select class="mr-2 filter-custom-input" slot="prepend-inner" v-model="field" :items="fields" menu-props="auto" label="Field" hide-details single-line density="compact" rounded flat theme="dark" /></pre> <p>以及這個代碼片段中的<code>.v-application</code>(如果需要的話):</p> <pre class="brush:php;toolbar:false;"><style lang="scss" scoped> .v-application--is-ltr .v-list-item__icon:first-child, .v-application--is-ltr .mr { margin-right: 10px; } </style></pre> <p>不幸的是,遷移指南上對這些的唯一建議是:</p> <ul> <li><code>rounded</code>屬性已被移除。請將圓角的CSS類應用于菜單內(nèi)容元素。例如:<code>.rounded-te</code></li> <li>以前包含為<code>.v-application p</code>或<code>.v-application ul</code>的全局樣式不再包含在內(nèi)。如果您需要為<code>p</code>添加邊距,或為<code>ul</code>和<code>ol</code>添加左側內(nèi)邊距,請在根組件的<code><style></code>標簽中手動設置。</li> </ul> <p>上述關于<code>rounded</code>的指導僅僅替換<code>rounded</code>為<code>.rounded-te</code>是不起作用的(更不用說它是在另一種類型的控件中提到的)。</p> <p>它說flat已從其他一些控件中刪除,并被“單個變體屬性”替換,但是嘗試用<code>variant="flat"</code>替換<code>flat</code>給我一個語法錯誤。</p> <p>謝謝!</p> <p>(我最初在這里提問,有人建議我將其拆分為多個問題)</p>
P粉258083432
P粉258083432

全部回復(1)
P粉561323975

你仍然可以使用 roundedflat,它們只是移動到了底層的 VField 組件。

我認為你的 v2 select 最終會沒有任何框架,這種情況下 rounded 不會有任何可見效果。在 v3 中添加 variant="solo"flat 以獲得相同的效果(參見 playground


至于 v-application--is-ltr 類,它在 V3 中被稱為 v-locale--is-ltr

如果你仍然需要它取決于你的應用程序,這些都是自定義規(guī)則。檢查是否使用了自定義的 mr 類,以及列表中第一個圖標的邊距是什么樣的(我認為現(xiàn)在通過 prepend slot 設置列表圖標,所以類應該是 .v-list-item__prepend .v-icon

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板