การออกแบบวัสดุสำหรับ vue.js
วัสดุ Vue นั้นง่ายน้ำหนักเบาและสร้างขึ้นตามข้อกำหนดการออกแบบวัสดุของ Google
สร้างแอพที่ออกแบบมาอย่างดีซึ่งสามารถพอดีกับทุกหน้าจอด้วยการรองรับเว็บเบราว์เซอร์ที่ทันสมัยทั้งหมดด้วยธีมแบบไดนามิกส่วนประกอบตามความต้องการและทั้งหมดด้วย API ที่ใช้งานง่าย
เอกสารและการสาธิต
ตัวอย่าง
ติดตั้งวัสดุ VUE ผ่าน NPM หรือเส้นด้าย
npm install vue-material --save
yarn add vue-material* ผู้จัดการแพ็คเกจอื่น ๆ เช่น JSPM และ Bower ยังไม่ได้รับการสนับสนุน
นำเข้าหรือต้องการวัสดุ Vue และ Vue ในรหัสของคุณ:
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
Vue . use ( VueMaterial )หรือใช้ส่วนประกอบแต่ละตัว:
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 )หรือคุณสามารถดาวน์โหลดและอ้างอิงสคริปต์และสไตล์ชีทใน HTML ของคุณ:
< link rel =" stylesheet " href =" path/to/vue-material.css " >
< script src =" path/to/vue-material.js " > </ script >เป็นทางเลือกในการนำเข้าแบบอักษร Roboto และไอคอนวัสดุจาก Google CDN:
< link rel =" stylesheet " href =" //fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons " > การเปลี่ยนแปลง
หากคุณมีคำถามความคิดหรือคุณต้องการพูดคุยกับชุมชนวัสดุ Vue ให้ใช้ Discord เพื่อเข้าร่วมกับเรา
โปรดตรวจสอบให้แน่ใจว่าได้อ่านคู่มือที่มีส่วนร่วมก่อนทำการขอดึง
วัสดุ Vue รองรับเบราว์เซอร์ที่ทันสมัยทั้งหมด
อาจทำงานในเบราว์เซอร์อื่น ๆ แต่ยังไม่ทดลอง
ขอบคุณผู้สนับสนุนของเราทุกคน! [เป็นผู้สนับสนุน]
Vue Material ไม่ได้ทำงานภายใต้ร่มของ บริษัท ใด ๆ หรืออะไรทำนองนั้น มันเป็นโครงการอิสระที่สร้างขึ้นโดย Marcos Moura ในเวลาว่างซึ่งได้กลายเป็นหนึ่งในห้องสมุด UI ที่ใช้มากที่สุดสำหรับ Vue.js. การพัฒนามีการใช้งานและเรากำลังทำงานอย่างหนักเพื่อปล่อยสิ่งที่ยอดเยี่ยมสำหรับคุณ
มิกซ์