codecamp

开始使用

下载: 编译后的 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.实例化组件

travelzen.js样式标准之【按钮】
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }