基于LayUI的韩小韩短网址生成源码

大气的界面，优美的颜色搭配，我都不会，只会随随便便的配几个颜色，简约短网址生成，接口http://4ce.cn/api.php?url=，Api.Vvhan.com从原来的Api.Han8.Net到现在已经快3年了，依然保持免费稳定无广告，感谢大家的支持！

界面

**演示地址 **

点击查看演示

部分代码

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>韩小韩短网址</title>
    <meta name="keywords" content="短网址,新浪短网址,短网址生成">
    <meta name="description" content="韩小韩短网址 - 一个免费的短网址网站。">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="static/css/style.css">
    <script src="layui/layui.all.js"></script>
</head>

<body>
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md12 spance">
                <div class="title">
                    <h1 class="douyin">韩小韩短网址</h1>
                </div>
                <div class="urlinput">
                    <input id="urls" type="text" required lay-verify="required" placeholder="请输入要缩短的连接"
                        autocomplete="off" class="layui-input">
                    <button id="make" type="button" class="layui-btn layui-btn-normal layui-btn-lg">点击生成</button>
                </div>
                <div class="footer">
                    <p><a href="https://www.vvhan.com/handwzs.html" target="_blank">源码下载</a></p>
                    <p><a href="https://beian.miit.gov.cn" target="_blank">苏ICP备17017222号</a></p>
                    <p>Copyright © 2020 Www.Vvhan.Com 版权所有</p>
                </div>
            </div>
        </div>
        <script src="static/js/index.js"></script>
</body>

</html>