基于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>
Preview: