Unduhan DncVueSample - Unduhan kode sumber DncVueSample

DncVueSample

Kategori lainnya

1.0.0

Unduh

Tentang DncVueSample

VncVueSample dirilis oleh CodeDefault.com (https://codedefault.com) dan menyediakan dukungan pembaruan.

Penulis: Rektor

Alamat demo: https://codedefault.github.io/DncVueSample/

DncVueSample: Ini adalah templat sistem manajemen back-end berdasarkan kerangka front-end Vue.js + iview. Cocok untuk pengembangan sistem manajemen back-end seperti OA, CRM, dan CMS.

Pengenalan templat

Informasi versi

Informasi versi komponen yang saat ini bergantung pada DncVueSample adalah sebagai berikut:

Vue.js: 2.5.17 tampilan: 3.1.0

Tata letak dan menu

Templat ini ditata dengan menu di sebelah kiri dan panel operasi di sebelah kanan. Pohon menu kiri saat ini mendukung menu dua tingkat, dan pohon menu ditentukan dalam format JSON. Diantaranya, opsi dukungan item menu seperti menentukan ikon, alamat tautan menu, dan atribut konfigurasi terperinci seperti:

 {
    title:"用户及授权",
    name:"1",
    icon:"logo-apple",
    menuItem:[
        {
            label:"用户管理",
            name:"1-1",
            href:"/account/user/list",
            icon:"logo-apple"
        },
        {
            label:"资源管理",
            name:"1-2",
            href:"/account/resource/list",
            icon:"logo-windows"
        },
        {
            label:"角色管理",
            name:"1-3",
            href:"/account/role/list",
            icon:"logo-tux"
        }
    ]
}

Menu kiri mendukung penciutan dan perluasan. Saat menu dalam keadaan menciutkan, hanya ikon item menu yang ditampilkan. Hal ini membuat antarmuka operasi horizontal seluruh sistem lebih luas dan efek tampilan data akan lebih baik.

tab

Area operasi di sebelah kanan adalah setiap antarmuka operasi dibuka dengan tab (iframe), dan setiap halaman tab merupakan halaman independen.

Saat setiap tab diklik, menu kiri secara otomatis menelusuri menu yang sedang terbuka.

Saat berpindah tab, ini mendukung peralihan efek animasi, dan pengalaman visualnya sangat bagus.

Kesimpulan

DncVueSample adalah templat sistem manajemen backend statis minimalis berdasarkan Vue.js + iview. Ini hanyalah prototipe UI dari templat sistem manajemen backend dan tidak melibatkan fungsi sistem semua organ internal", DncVueSample dipilih sebagai Templat awal sistem manajemen backend dapat membantu pengguna dengan cepat mulai membangun kerangka UI proyek.

Catatan: DncVueSample saat ini tidak diadaptasi untuk perangkat seluler dan browser kuno di bawah IE10, jadi harap gunakan browser modern di perangkat PC Anda untuk melihat pratinjau dan menggunakannya.