Flask+ZUI 开发小型工具网站(二)——ZUI
生活随笔
收集整理的這篇文章主要介紹了
Flask+ZUI 开发小型工具网站(二)——ZUI
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
仔細想想我都沒學過前端和JavaScript哪來這么大信心orz。。。
2019-10-15
ZUI
ZUI官網:http://www.zui.sexy/#/
我喜歡這個團隊!!!!!!超有趣!!!
哈哈哈哈哈哈哈哈哈哈你看他們的官網源碼!!!ZUI is sexy!!!誒嘿嘿~
下載ZUI
下載之前可以先更換主題顏色,ZUI的默認主題是這個很好看的藍:
在主頁點擊主題可以進行編碼:
在這里編寫CSS可以設置你喜歡的主題顏色和按鈕的半角弧度,可以在這里設置好之后再進行編譯配置。好棒啊這個東西
使用ZUI
解壓下來的包丟到項目里的static文件夾下
然后
建立html文件,引入依賴:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>index</title><!-- ZUI 標準版壓縮后的 CSS 文件 --><link rel="stylesheet" href="../static/css/zui.min.css"> </head> <body><!-- ZUI Javascript 依賴 jQuery --> <script src="../static/lib/jquery/jquery.js"></script> <!-- ZUI 標準版壓縮后的 JavaScript 文件 --> <script src="../static/js/zui.min.js"></script></body> </html>然后就可以開始寫頁面辣!!!!
?
?
以上
總結
以上是生活随笔為你收集整理的Flask+ZUI 开发小型工具网站(二)——ZUI的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 高等数学Mathematica实验题——
- 下一篇: 什么是Linux内核?它有什么功能?