123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>SG Demo</title>
- <script src="http://sg.5dev.cn/assets/sg.js"></script>
- </head>
- <body>
-
- <div class="layui-container">
- <blockquote class="layui-elem-quote">Notice:<?php echo $msg ?></blockquote>
- <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
- <legend>Demo</legend>
- </fieldset>
- <div class="layui-row">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">Product</label>
- <div class="layui-input-block">
- <input type="text" name="product_name" id="product_name" value="test" required="" lay-verify="required" placeholder="Please enter Product" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">Amount</label>
- <div class="layui-input-inline">
- <input type="text" name="amount" id="amount" value="1" required="" lay-verify="required" placeholder="Please enter Product" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div id="pay"></div>
- </form>
- </div>
- </div>
- <script>
- layui.use(['layer', 'form'], function(){
- var $ = layui.$;
- SG.layui = layui;
- SG.id = '#pay';
- SG.product_name = '#product_name';
- SG.amount = '#amount';
- SG.Html();
- });
- </script>
- </body>
- </html>
|