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


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

界面

演示地址 https://www.vvhan.com/dwz/

部分代码

<!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>

源码地址

GitHub项目地址 点击下载

声明:⎛⎝韩小韩博客⎠⎞|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 基于LayUI的韩小韩短网址生成源码


离群索居 不是野兽便是神灵