258字 1.3分钟
Code大气的界面，优美的颜色搭配，我都不会，只会随随便便的配几个颜色，简约短网址生成，接口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>