! [spanduk] 1
Tata letak visual Vue berdasarkan komponen UI, alat untuk menghasilkan kode .vue. https://jaweii.github.io/Vue-Layout/dist/
menggunakan
! [demo1] 2
efek
! [demo2] 3
Untuk contoh tata letak latar belakang pada gambar di atas, Anda dapat masuk ke halaman ini untuk mengakses tata letaknya: https://jaweii.github.io/Vue-Layout/dist/#/share/5993d3b05c497d0057c6f2da Anda juga dapat masuk ke halaman ini untuk merasakan efek tata letak: https://jaweii.github.io/Vue-Layout/dist/#/preview/pc/5993d3b05c497d0057c6f2da
├─App.vue
├─main.js
├─utils
| ├─guid.js // Mengembalikan pengenal unik, id komponen setelah diseret diperoleh dengan memanggil metode ini
| └mergeDeep.js // Metode objek penggabungan mendalam
├─toko
| └index.js // Vuex
├─router
| └index.js // Vue-Router
├─komponen
| ├─attributes.vue // Komponen tampilan atribut di sebelah kiri
| ├─colorList.js // Daftar warna pada color picker
| ├─colorPicker.vue // komponen pemilih warna
| ├─components.vue // Tampilan daftar komponen di sebelah kanan
| ├─componentTree.vue // Pohon komponen di sebelah kiri
| ├─iconList.js // Daftar ikon di pemilih ikon
| ├─iconPicker.vue // pemilih ikon
| ├─main.vue // Halaman utama
| ├─mount.js // Metode pemasangan paket
| ├─preview.vue // Pratinjau komponen tampilan
| ├─preview_mobile.vue // komponen pratinjau seluler
| ├─preview_product.vue // Halaman untuk mengalami pekerjaan yang sudah selesai dengan menyeret dan melepaskan
| ├─subAttribute.vue // Komponen sub-atribut dari tampilan atribut
| ├─template // Direktori template komponen UI
| | ├─index.js // Tiga metode disediakan, terutama menggunakan getTemplate untuk mengimplementasikan kontrol drag-in, mendapatkan objek komponen dan menyimpannya ke vuex
| | ├─README.md
| | ├─Muse-UI // Direktori kategori UI
| | | ├─App Bar.js // Salah satu komponen UI
| | | ├─ ………
| | | ├─Pemilih Waktu.js
| | | └Tr.js
| | ├─Mint-UI
| | | ├─Button.js
| | | ├─Header.js
| | | └index.js
| | ├─Common
| | | ├─A.js
| | | ├─ ………
| | | └Teks.js
| ├─list // Pada tampilan daftar komponen di sebelah kanan, daftar komponen yang ditampilkan diekstraksi karena terlalu banyak baris
| | ├─muse-ui
| | | ├─appbar.vue
| | | ├─ ………
| | | └timePicker.vue
├─assets // Resource yang dibutuhkan
| ├─logo.png
| ├─css
| | ├─global.css // Gaya global
| | ├─theme-dark.css // Muse-UI tema khusus (gaya merah)
| | ├─highlight // Sorot gaya setelah pemformatan kode
Content type
Image
Digest
Size
12.2 MB
Last updated
almost 5 years ago
docker pull gsense/gsense-vue-layout