Thiết kế Material cho Vue.js
Vue Material đơn giản, nhẹ và được xây dựng chính xác theo các Material Design của Google
Xây dựng ứng dụng được thiết kế tốt có thể phù hợp với mọi màn hình với hỗ trợ cho tất cả trình duyệt web hiện đại với các chủ đề động, các thành phần theo yêu cầu và tất cả với một API dễ sử dụng
Cài đặt và Sử dụng
Cài đặt Vue Material thông qua npm hoặc yarn
npm install vue-material --save
yarn add vue-material
- Các trình quản lý gói khác như JSPM và Bower hiện chưa được hỗ trợ.
Nhập hoặc yêu cầu Vue và Vue Material trong mã của bạn:
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
Vue.use(VueMaterial)
Hoặc sử dụng các thành phần riêng lẻ:
import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'
Vue.use(MdButton)
Vue.use(MdContent)
Vue.use(MdTabs)
Hoặc bạn có thể download và tham chiếu tập lệnh và bảng điều khiển trong mã HTML của bạn:
<link rel="stylesheet" href="path/to/vue-material.css">
<script src="path/to/vue-material.js"></script>
Tùy chọn nhập phông chữ Roboto & Biểu tượng Material từ Google CDN:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons">
Bản demo và Tài liệu
Lịch sử thay đổi
Câu hỏi
Nếu bạn có bất kỳ câu hỏi, ý tưởng hoặc bạn muốn thảo luận với cộng đồng Vue Material, hãy sử dụng Discord để tham gia cùng chúng tôi.
Đóng góp
Vui lòng đảm bảo đọc Contributing Guide trước khi gửi yêu cầu kéo.
Hỗ trợ Trình duyệt
Vue Material hỗ trợ tất cả modern browsers.
Có thể hoạt động trên các trình duyệt khác nhưng chưa được kiểm tra.
Ảnh và Lời cảm ơn
Vue Material không thuộc sự quản lý của bất kỳ công ty hoặc điều gì tương tự. Đó là một dự án độc lập được tạo ra bởi Marcos Moura trong thời gian rảnh rỗi của anh, đã trở thành một trong những Thư viện Giao diện người dùng (UI) phổ biến nhất cho Vue.js. Sự phát triển của dự án đang diễn ra sôi nổi và chúng tôi đang làm việc chăm chỉ để phát hành những điều tuyệt vời cho bạn.
- elviskang đã tặng gói npm!
- Bruno Castro đã thiết kế Logo Vue Material tuyệt vời.
- Được hỗ trợ bởi Creative Tim
Chi tiết Tải về:
Tác giả: vuematerial
Mã nguồn: https://github.com/vuematerial/vue-material
Giấy phép: MIT license