开始使用

2018-07-18 11:11 更新

下载: 编译后的 CSS、JavaScript、字体文件。后期将制作成压缩版本,以供使用。下载到本地后,放置于项目的static文件夹目录下。

包含的内容: 在下载下来的压缩包内可以看到以下目录和文件,这些文件按照类别放到了不同的目录内,并且提供了压缩与未压缩两种版本

├── travelzenJs/
├   ── css/
│      ├── kendo.common.min.css
│      ├── kendo.common.min.css.map
│      ├── kendo.blueopal.min.css
│      ├── kendo.blueopal.min.css.map
│      ├── travelzen.default.css
│      ├── BlueOpal/
│       …………
│      └── fonts
        …………
├   ── js/
│      ├── jquery.min.js
│      ├── kendo.all.min.js
│      ├── kendo.all.min.js.map
│      ├── kendo.culture.zh-CN.min.js
│      ├── kendo.culture.zh-CN.min.js.map
│      ├── kendo.messages.zh-CN.min.js
│      ├── kendo.messages.zh-CN.min.js.map
│      └── travelzen.all.min.js
└── images/
    …………

用法: 1.头部引入下载好的jquery、kendo、travelzen的相关文件

<!--kendo样式表-->
<link rel="stylesheet" href="styles/kendo.common.min.css">
<!--travelzen公用样式表-->
<link rel="stylesheet" href="styles/travelzen.default.css">
<!--引入jQuery-->
<script src="js/jquery.min.js"></script>
<!--引入kendo ui-->
<script src="js/kendo.all.min.js"></script>
<!--kendo汉化文件-->
<script src="js/kendo.messages/zh-CN.min.js"></script>
<script src="js/kendo.culture/zh-CN.min.js"></script>
<!--引入travelzen.js-->
<script src="js/travelzen.all.js"></script>

2.实例化组件

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号