Menghijrahkan Vuetify 2 kepada 3: Gantikan gaya .v-application/bulat/rata yang dialih keluar
<p>Saya cuba menaik taraf daripada Vuetify/Vue 2 kepada 3. Saya bukan pembangun bahagian hadapan, hanya bertanggungjawab untuk menaik taraf beberapa kod lama untuk memastikan ia berfungsi. Malangnya, panduan migrasi nampaknya menganggap beberapa pengetahuan CSS asas dan tidak memberikan contoh cara untuk membetulkan semua yang telah dialih keluar. </p>
<p>Saya cuba memikirkan cara untuk memindahkan <kod>bulat</kod> dan <kod>rata</kod>
<pre class="brush:php;toolbar:false;"><v-select
class="mr-2 filter-custom-input"
slot="prepend-inner"
v-model="medan"
:items="medan"
menu-props="auto"
label="Lapangan"
sembunyikan butiran
satu baris
ketumpatan="padat"
bulat
rata
tema="gelap"
/></pra>
<p>dan <kod>.v-application</code> (jika perlu) dalam coretan kod ini: </p>
<pre class="brush:php;toolbar:false;"><style lang="scss"
.v-application--is-ltr .v-list-item__icon:anak pertama,
.v-application--is-ltr .mr {
jidar kanan: 10px;
}
</style></pre>
<p>Malangnya, satu-satunya cadangan untuk ini pada panduan migrasi ialah: </p>
<ul>
Atribut <li><code>bulat</code> Sila gunakan kelas CSS penjuru bulat pada elemen kandungan menu. Contohnya: <code>.rounded-te</code></li>
<li>Gaya global yang sebelum ini disertakan sebagai <kod>.v-aplikasi p</kod> atau <kod>.v-aplikasi ul</kod> Jika anda perlu menambah jidar pada <kod>p</kod>, atau tambahkan padding kiri pada <kod>ul</kod> dan <kod>ol</kod>, tambahkan ini dalam set komponen akar secara manual dalam teg <code><style></code> </li>
</ul>
<p>Panduan di atas tentang <code>round</code> hanya menggantikan <code>round</code> dengan <code>.rounded-te</code> disebut dalam jenis kawalan lain). </p>
<p>Ia mengatakan flat telah dialih keluar daripada beberapa kawalan lain dan digantikan dengan "atribut varian tunggal", tetapi cuba menggantikan <kod>flat< /code> memberi saya ralat sintaks.</p>
<p>Terima kasih! </p>
<p>(Saya mula-mula bertanya soalan ini di sini dan seseorang mencadangkan saya membahagikannya kepada beberapa soalan)</p>
