WeUI入門一——引入樣式庫文件


簡介:

WeUI 是和我們手機上的微信界面保持一致的界面庫,就是定義了一套CSS樣式,我們把這個CSS引入到我們的頁面后,根據它定義好的class,在我們的html標簽上使用這些定義好的class樣式,就會產生漂亮的標准的和微信一致的界面!

在動手之前我們可以直接瀏覽一下官方的樣例!看看到底符不符合你的審美觀。

 https://weui.io/ 

官方GitHub地址: https://github.com/Tencent/weui 

下載最新版的css庫 : 可以在 https://github.com/Tencent/weui/releases  處,

直接下載最新發布的版本。github 提供了 zip 和 tar.gz 兩種格式的包,

選擇其中一種下載,解壓后引用 dist/style/weui.css 文件即可

===================================================

 

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="style/weui.min.css">
</head>

<body>

    <a href="javascript:;">一個鏈接</a>

    <a href="javascript:;" class="weui-btn weui-btn_primary">綠色按鈕</a>
    
</body>

</html>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM