代码拉取完成,页面将自动刷新
Tangdao Design 是一个优质的现代干净的Bootstrap 4中台模板,使用简单和最小的设计。它使用SASS预处理器、HTML5、CSS3和jQuery插件完全响应。它使用了大多数helper/utilities类,这些类是可重用的类,可以加快页面的速度并提高页面时间加载的速度。它可以用于大多数类型的应用程序模板,如分析、管理等程序,也可以用于您的桌面或移动应用程序。惊人的灵活性和可重用性。
安装
$ npm install -g gulp-cli 安装gulp客户端
$ gulp --version 查看版本
$ npm install sass 安装sass
$ sass --version 查看版本
$ npm install 安装插件
打包
$ gulp npm-lib 更新插件
$ gulp sass-css 编译核心样式
$ gulp sass-pages 编译页面样式
$ gulp sass-skins 编译主题库
$ gulp minify-css 压缩样式(可以不执行)
运行
$ gulp default 开发运行
Stylesheet
<!-- vendor css -->
<link href="../lib/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<!-- Tangdao CSS -->
<link rel="stylesheet" href="../assets/css/tangdao.css">
<!-- some additional css here -->
Scripts
<script src="../lib/jquery/jquery.min.js"></script>
<script src="../lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../lib/feather-icons/feather.min.js"></script>
<script src="../assets/js/tangdao.js"></script>
Dashboard
<header class="navbar navbar-header navbar-header-fixed">
<a href="" id="mainMenuOpen" class="burger-menu"><i data-feather="menu"></i></a>
<div class="navbar-brand">
<a href="../index.html" class="td-logo">dash<span>forge</span></a>
</div>
<div id="navbarMenu" class="navbar-menu-wrapper">
<div class="navbar-menu-header">
<a href="../index.html" class="td-logo">dash<span>forge</span></a>
<a id="mainMenuClose" href=""><i data-feather="x"></i></a>
</div>
<ul class="nav navbar-menu">...</ul>
</div>
<div class="navbar-right">...</div>
</header>
<div class="content content-fixed">
<div class="container pd-x-0 pd-lg-x-10 pd-xl-x-0">
...
</div>
</div>
<footer class="footer">...</footer>
Apps
<header class="navbar navbar-header navbar-header-fixed">...</header>
<!-- app-wrapper is a custom class that you can add in the style (ie. contact-wrapper, chat-wrapper)-->
<!-- check app pages for references -->
<div class="app-wrapper">...</div>
Pages
<header class="navbar navbar-header navbar-header-fixed">...</header>
<div class="content content-fixed bd-b">
<div class="container pd-x-0 pd-lg-x-10 pd-xl-x-0">
...
</div>
</div>
<footer class="footer">...</footer>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。