zoukankan      html  css  js  c++  java
  • amaze UI的使用

    1.放置在独立的位置

    2.引入核心css与js

    <link href="{sh::PUB}amaze-ui/css/amazeui.min.css" rel="stylesheet" type="text/css">
    <link href="{sh::PUB}amaze-ui/css/amazeui.flat.min.css" rel="stylesheet" type="text/css">
    
    
    <!--[if lt IE 9]>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="{sh::PUB}amaze-ui/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="{sh::PUB}amaze-ui/js/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="{sh::PUB}amaze-ui/js/amazeui.min.js"></script>
    <script src="{sh::PUB}amaze-ui/js/amazeui.widgets.helper.min.js"></script>
    <script src="{sh::PUB}amaze-ui/js/handlebars.min.js"></script>
    

    3.引入局部的html或js脚本

    <form class="am-form am-form-horizontal" id="myform" method="post" action="">
        <div class="am-form-group">
            <label for="doc-ipt">分类名称</label>
            <input type="text" name="name" class="" id="doc-ipt-name" placeholder="分类名称">
        </div>
    	
    	<div class="am-form-group">
            <label for="doc-ipt">分类排序</label>
            <input type="number" name="sort" class="" id="doc-ipt-sort" placeholder="分类排序">
        </div>
    
        <div class="am-form-group">
            <p>
                <button type="submit" class="am-btn am-btn-default">提交</button>
            </p>
        </div>
    </form>
    

    4.调试效果

    具体请参考官网
    http://amazeui.org/

  • 相关阅读:
    javaSE第二十四天
    javaSE第二十三天
    javaSE第二十二天
    javaSE第二十一天
    javaSE第二十天
    javaSE第十九天
    python020 Python3 OS 文件/目录方法
    python019 Python3 File(文件) 方法
    python018 Python3 输入和输出
    python017 Python3 模块
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/5575217.html
Copyright © 2011-2022 走看看