搜索
Ctrl k
播放CDN允许您快速在项目中包含名称，而无需在此处使用手动下载
<link href="https://cdn.gilob.in/public/min.css" rel="stylesheet" type="text/css">
<script src="https://cdn.gilob.in/public/min.js"></script>
下载
警报示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>smaple</title> <!-- defulat scropts-->
<link href="./src/ui-gilob.css" rel="stylesheet" type="text/css">
<script src="./src/ui-gilob.js"></script>
</head>
<body>
<div class="h1 t-center">Hello World</div>
<script>
$alert("Hello World")
</script>
</body>
</html>
你好世界示例
了解更多模板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Smaple</title>
<link href="./src/ui-gilob.css" rel="stylesheet" type="text/css">
<script src="./src/ui-gilob.js"></script>
</head>
<body class="theme fixed p0 over-x-adjust center">
<nav class="sidebar b-right p-x" s-defind="menu">
<div class="sidebar-content flex flex-col gap">
<div>Item1</div>
<div>Item1</div>
</div>
</nav>
<div class="body flex flex-col">
<header class="p-x flex bg-p c-s2 b-radius" md-fix="true">
<div class="h3">Brand</div>
<button class="m-auto-l button" align="icon" align-l="y" sidebar="trigger" s-defind="menu">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M2 5L2 7L22 7L22 5L2 5 z M 2 11L2 13L22 13L22 11L2 11 z M 2 17L2 19L22 19L22 17L2 17 z"
fill="#FFFFFF" />
</svg>
</div>
</button>
</header>
<div class="home p-x d-scroll grid center-tb ">
<div class="h1 bold t-center">
Hello World
</div>
</div>
</div>
</body>
</html>