Metro UI CSS --准备工作

    xiaoxiao2021-03-25  72

    需要先下载  Metro-UI-CSS-3.0.17.zip  以及jquery-2.1.3.min.js

    注意:

             jQuery的版本  必须是1.8-2.1.3版之间的,否则 Metro UI中的某些 js脚本无法运作!(这个问题本人花了 2天才发现.....  )

            个人推荐 2.1.3

    解压后主要的目录如下:

    build  该文件夹 存放的是 MetroUI 所必需的 CSS ,JS ,以及 Font (字体样式和图标)

    docs  该文件夹存放的是各种样式的例子

    fonts 该文件夹存放的是字体样式和图标

    js       该文件夹存放的是从 MetroUI.js中抽取出来单独组件的js脚本 

               比如 title.js  鼠标事件  表单验证等,便于我们单独使用( 看自己的项目是否需要这些 js 需要就用,不需要就不用管)

    我们只需要在 网页中引用

     build\css 中的全部 metro-*.css 文件 

              <link href="css/modern.css" rel="stylesheet"/>

     bulid\js 中的metro.js 文件 

             (注意:jQuery必须在 metro.js之前引入,否则metro.js无效)

               <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>

                 <script type="text/javascript" src="js/metro.js"></script>

    fonts 中的文件 可以与metro.css 在同一个文件下 或者同级文件 如图:我这里是同级目录下

    不用显式的引用fonts中的文件,MetroUI CSS会自动寻找

    转载请注明原文地址: https://ju.6miu.com/read-38736.html

    最新回复(0)