逸祺-UI v1.6.0

让开发模板更快速!

下载使用

引入文件

    使用逸祺UI前,要引入逸祺UI的核心CSS样式文件。
    <link href="/YIQI-UI/YIQI-UI.min.css" rel="stylesheet">

    如果使用逸祺UI的JS库,需在引入JS文件,包括jquery库。
    <script src="/YIQI-UI/jquery-2.1.1.min.js"></script>
    <script src="/YIQI-UI/YIQI-UI.js"></script>

开始使用

    在<body>区,也就是要写模板代码的区域中插入

    <div id="YIQI-UI">

    </div>

    你的模板逻辑代码,都要写到 div 中。如下:

    <div id="YIQI-UI">
    图片代码 <img src="" />
    超级链接 <a href=""></a>
    ...
    ...
    ...
    ...
    </div>

初始化

    引用<link href="YIQI-UI/YIQI-UI.min.css" rel="stylesheet">后
    还需引用你自已的style <link href="css/style.css" rel="stylesheet">(注意上下顺序)
    你可以在你自已的css中初始化一下yiqi-ui 如:
    a {color:#333;}
    a:hover{color:#ff0000;}

     

注意事项

    如果你的模板中使用了 H1 - H6标签,在CSS部份前要加 #YIQI-UI

    例如: #YIQI-UI h1 {......}

    否则H1 - H6 标签样式失效。