Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar tiga titik di penjuru kanan sebelah atas dalam uniapp

Bagaimana untuk mengalih keluar tiga titik di penjuru kanan sebelah atas dalam uniapp

PHPz
PHPzasal
2023-04-27 09:03:112292semak imbas

Dengan perkembangan pesat Uniapp, semakin ramai pembangun memilih untuk menggunakan alat ini untuk membangunkan aplikasi mereka sendiri. Walau bagaimanapun, apabila menggunakan Uniapp untuk membangunkan aplikasi, ramai pembangun akan menghadapi masalah biasa, iaitu cara mengalih keluar tiga titik di sudut kanan atas aplikasi.

Terdapat penyelesaian berbeza untuk masalah ini Di bawah kami akan memperkenalkan beberapa kaedah untuk mengalih keluar tiga titik di sudut kanan atas.

Kaedah 1: Konfigurasikan dalam fail manifest.json

boleh dikonfigurasikan dalam fail manifest.json dan alih keluar tiga titik di penjuru kanan sebelah atas. Langkah khusus adalah seperti berikut:

1 Dalam manifest.json, cari nod "h5" dan tambahkan konfigurasi berikut:

"custom": {

"titleNView": false

}

Fungsi kod ini adalah untuk melumpuhkan bar navigasi asli halaman semasa. Selepas menambah konfigurasi di atas, tiga titik di sudut kanan atas akan hilang.

2. Jika anda ingin mendayakan bar navigasi asli, anda boleh menggunakan kod berikut:

"custom": {

"titleNView": {
    "buttons":[],
    "titleColor":"#fff",
    "titleText":"标题"
}

}

Kod di atas akan menyesuaikan bar Tajuk, warna tajuk adalah putih, tajuk ialah "Tajuk".

Kaedah 2: Menggunakan gaya mui

Apabila menggunakan gaya mui, anda boleh terus menggunakan kod berikut untuk mengalih keluar tiga titik di penjuru kanan sebelah atas:

/Alih keluar tiga titik di titik sudut kanan atas/
.mui-action-menu {

display: none!important;

}

Fungsi kod ini adalah untuk menyembunyikan elemen dengan nama kelas "mui-action-menu". Nama kelas ialah nama kelas gaya dengan tiga titik di sudut kanan atas.

Kaedah 3: Gunakan gaya css

Gunakan kod berikut dalam css untuk mengalih keluar tiga titik di penjuru kanan sebelah atas:

/Alih keluar tiga titik dalam sudut kanan atas/
.plus-header .uni-page-head {

padding-right: 0!important;

}

Fungsi kod di atas adalah untuk menukar sebelah kanan kod gaya kepala yang disediakan oleh uni-app sendiri Nilai padding ditetapkan kepada 0, menyebabkan tiga titik di sudut kanan atas hilang.

Ringkasan

Di atas adalah tiga kaedah untuk mengalih keluar tiga titik di sudut kanan atas. Setiap kaedah mempunyai ciri tersendiri, dan penggunaan khusus bergantung pada keadaan. Perlu diingatkan bahawa sebelum melakukan sebarang operasi, kod asal harus disandarkan untuk mengelakkan kerugian semasa operasi.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar tiga titik di penjuru kanan sebelah atas dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn