Giriş
mdui'yi kullanmaya başlamak için mdui'nin CDN'ini ve en basit sayfa şablonunu kullanalım.
Hızlı Başlangıç
mdui kullanmanın en basit yolu CSS ve JS dosyalarını doğrudan CDN'den eklemektir.
Bir paket yöneticisi kullanmak veya kaynak dosyaları indirmek istiyorsanız, lütfen indirme sayfasına gidin.
CSS Dosyası
Aşağıdaki <link> etiketini <head> etiketine, diğer tüm stil dosyalarından önce ekleyin.
<link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css">JS Dosyası
Aşağıdaki <script> etiketini sayfanın sonuna, </body> etiketinden hemen önce ekleyin.
<script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>mdui herhangi bir üçüncü taraf kütüphaneye bağlı değildir, yukarıdaki iki dosyayı ekledikten sonra normal şekilde kullanılabilir.
En Basit Sayfa Şablonu
Sayfanızın HTML5 doctype kullanan ve duyarlılığı desteklemek için viewport meta etiketini içeren en son tasarım ve geliştirme standartlarına uygun olduğundan emin olun. Bu nedenle sayfanız şu şekilde görünmelidir:
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<meta name="renderer" content="webkit">
<!-- mdui CSS -->
<link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- mdui JavaScript -->
<script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>
</body>
</html>Yukarıdaki, eksiksiz bir sayfa için gereken her şeydir. Web sitenizi oluşturmak için bunun üzerine daha fazla bileşen ve içerik ekleyebilirsiniz.