|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
|
<title></title>
|
|
|
|
|
<!-- jquery -->
|
|
|
|
|
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
|
|
|
|
|
<!-- 3D背景动画 -->
|
|
|
|
|
<script src="/js/vector.js"></script>
|
|
|
|
|
<!-- ZUI -->
|
|
|
|
|
<link rel="stylesheet" href="https://cdn.bootcss.com/zui/1.8.1/css/zui.min.css">
|
|
|
|
|
<script src="https://cdn.bootcss.com/zui/1.8.1/js/zui.min.js"></script>
|
|
|
|
|
<style>
|
|
|
|
|
#container {
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
#output {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body background='/img/webbg.jpg'>
|
|
|
|
|
<div id="container">
|
|
|
|
|
<div id="output"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<nav class="navbar navbar-default" role="navigation" style="margin-top:10px">
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<!-- 导航头部 -->
|
|
|
|
|
<a class="navbar-brand" href="">3D MODELS SYSTEM</a>
|
|
|
|
|
<!-- 导航项目 -->
|
|
|
|
|
<div class="collapse navbar-collapse navbar-collapse-example">
|
|
|
|
|
<!-- 右侧的导航项目 -->
|
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
<li><a href="/create"><i class="icon icon-plus"></i> 添加新方案</a></li>
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown">xxxx <b class="caret"></b></a>
|
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
|
|
|
|
<li><a href="your/nice/url">用户信息管理</a></li>
|
|
|
|
|
<li class="divider"></li>
|
|
|
|
|
<li><a href="/logout">注销</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<div class="col-md-4 col-sm-6 col-lg-3">
|
|
|
|
|
<a class="card" href="###">
|
|
|
|
|
<img src="" alt="xxx">
|
|
|
|
|
<div class="card-heading"><strong>xxx</strong></div>
|
|
|
|
|
<div class="card-actions">
|
|
|
|
|
<div class="pull-right"> <button type="button" class="btn btn-primary"><i class="icon-heart"></i>
|
|
|
|
|
分享</button></div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var victor = new Victor("container", "output");
|
|
|
|
|
victor(["#5aa2e0", "#ea7bb2"]).set();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
