提交 0ec5aa31 编写于 作者: C Catouse

* change document.

上级 6bc44125
......@@ -397,6 +397,7 @@ body {
#navbar .navbar-nav > li > a {
height: 40px;
line-height: 20px;
border-radius: 4px;
}
#navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > li > a:focus {
......@@ -458,7 +459,6 @@ body {
display: none;
margin-left: -21px;
color: #fff;
border-radius: 0;
outline: none;
opacity: 0;
-webkit-transition: all .5s cubic-bezier(.175, .885, .32, 1);
......@@ -628,7 +628,6 @@ body {
margin-bottom: 10px;
background-color: #fff;
border-color: #fff;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border .1s cubic-bezier(.175, .885, .32, 1), height .1s cubic-bezier(.175, .885, .32, 1), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1), top .1s cubic-bezier(.175, .885, .32, 1), left .1s cubic-bezier(.175, .885, .32, 1), opcity .1s cubic-bezier(.175, .885, .32, 1);
......@@ -765,6 +764,7 @@ body {
display: block;
padding: 5px 0 5px 54px;
color: #353535;
border-radius: 4px;
}
#grid .card-content > ul > li > a > .icon {
display: inline-block;
......@@ -1701,6 +1701,7 @@ body.query-enabled[data-query='icons'] #grid .card.open.section-preview-show .se
#page {
position: relative;
background-color: rgba(255, 255, 255, .8);
border-radius: 4px;
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25), 0 120px 220px #f1f1f1;
box-shadow: 0 4px 10px rgba(0, 0, 0, .25), 0 120px 220px #f1f1f1;
}
......@@ -1714,6 +1715,7 @@ body.query-enabled[data-query='icons'] #grid .card.open.section-preview-show .se
padding: 0;
background-color: #fafafa;
filter: alpha(opacity=0);
border-radius: 4px 4px 0 0;
opacity: 0;
-webkit-transition: opacity .3s cubic-bezier(.175, .885, .32, 1);
-o-transition: opacity .3s cubic-bezier(.175, .885, .32, 1);
......@@ -2162,6 +2164,7 @@ body.page-show.page-show-in #pageHeader {
opacity: 1;
}
body.page-show.page-show-full #page {
border-radius: 0;
opacity: 0;
}
body.page-show.page-show-full.page-show-in #page {
......@@ -2174,6 +2177,9 @@ body.page-show.page-show-full #pageContainer > .container {
width: 100%;
max-width: none;
}
body.page-show.page-show-full #pageHeader {
border-radius: 0;
}
body.page-show.page-show-full #pageBody.with-scrollbar {
padding-left: 11px;
}
......
此差异已折叠。
此差异已折叠。
{
"version": "1.3.0.0",
"version": "1.3.0.1",
"chapters":
{
"contribution":
......
......@@ -35,8 +35,15 @@
};
}
var getQueryString = function(name, defaultValue)
{
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r !== null) return unescape(r[2]); return defaultValue;
};
var saveTraffic = false;
var debug = 1;
var debug = getQueryString('debug', 0);
if(debug) console.error("DEBUG ENABLED.");
var chapters = {
......@@ -92,13 +99,6 @@
return str;
};
var getQueryString = function(name)
{
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
};
var checkScrollbar = function()
{
if (document.body.clientWidth >= window.innerWidth) return;
......@@ -231,6 +231,9 @@
} else if(url && url.endsWith('.md')) {
section.target = 'page';
section.targetType = 'markdown';
if(url === '.md') {
section.url = 'docs/part/' + section.chapter + '-' + section.id + '.md';
}
} else {
section.target = '';
}
......@@ -1052,15 +1055,16 @@
showPageTopic(topic);
handlePageLoad();
$pageAttrs.show();
if(debug) console.log('show data', data);
}
if(lastShowDataCall) clearTimeout(lastShowDataCall);
if($page.hasClass('openning')) {
if(lastShowDataCall) clearTimeout(lastShowDataCall);
lastShowDataCall = setTimeout(showData, 320);
} else {
showData();
}
});
}, 700)
}, 400)
if($body.hasClass('page-open')) {
if(debug) console.log('open section in open page', section);
......@@ -1653,6 +1657,7 @@
});
$('#compactTogger').on('click', function(){
$window.scrollTop(0);
toggleCompactMode(false);
});
......
此差异已折叠。
<style>
#pageBody {background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzAnIGhlaWdodD0nMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgIHZpZXdCb3g9JzAgMCAxMDAgMTAwJz4KCTxsaW5lYXJHcmFkaWVudCBpZD0nZzEnIHgxPScwJScgeTE9JzAlJyB4Mj0nMTAwJScgeTI9JzAlJz4KCQk8c3RvcCBvZmZzZXQ9JzAlJyBzdHlsZT0nc3RvcC1jb2xvcjojZmZjOGJkO3N0b3Atb3BhY2l0eToxJyAvPgoJCTxzdG9wIG9mZnNldD0nMTAwJScgc3R5bGU9J3N0b3AtY29sb3I6I2ZmZmZmZjtzdG9wLW9wYWNpdHk6MCcgLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8bGluZWFyR3JhZGllbnQgaWQ9J2cyJyB4MT0nMCUnIHkxPScwJScgeDI9JzAlJyB5Mj0nMTAwJSc+CgkJPHN0b3Agb2Zmc2V0PScwJScgc3R5bGU9J3N0b3AtY29sb3I6I2ZmYzhiZDtzdG9wLW9wYWNpdHk6MScgLz4KCQk8c3RvcCBvZmZzZXQ9JzEwMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNmZmZmZmY7c3RvcC1vcGFjaXR5OjAnIC8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnMycgY3g9JzAlJyBjeT0nMCUnIHI9JzEwMCUnPgoJCTxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNmZmM4YmQ7c3RvcC1vcGFjaXR5OjEnIC8+CgkJPHN0b3Agb2Zmc2V0PScxMDAlJyBzdHlsZT0nc3RvcC1jb2xvcjojZmZmZmZmO3N0b3Atb3BhY2l0eTowJyAvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxnIHRyYW5zZm9ybT0ncm90YXRlKDQ1KSB0cmFuc2xhdGUoMjEuMiAtNDkuNSknPgoJCTxyZWN0IHg9Jy01MCUnIHk9Jy01MCUnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9JyNmZmU1ZTAnIC8+CgkJPHJlY3QgeD0nNTAlJyB5PSctNTAlJyB3aWR0aD0nMTAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjZzEpJyAvPgoJCTxyZWN0IHg9Jy01MCUnIHk9JzUwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAlJyBmaWxsPSd1cmwoI2cyKScgLz4KCQk8cmVjdCB4PSc1MCUnIHk9JzUwJScgd2lkdGg9JzEwJScgaGVpZ2h0PScxMCUnIGZpbGw9J3VybCgjZzMpJyAvPgoJPC9nPgo8L3N2Zz4='); background-repeat: repeat-x;}
#pageContent p, #pageContent ul {font-size: 15px;}
</style>
<article>
<p>欢迎贡献你的力量。</p>
</article>
<section>
<header><h3>我能做什么?</h3></header>
<article>
<ul>
<li>使用ZUI,在QQ讨论组和论坛反馈问题;</li>
<li><a href="http://git.oschina.net/wwccss/zui" target="_blank">开源中国</a><a href="https://github.com/easysoft/zui" target="_blank">Github</a><strong>Star</strong><strong>Fork</strong> 项目;</li>
<li>Fork项目,完善ZUI文档,优化代码,为ZUI添加新的组件,让ZUI变得更优秀;</li>
<li>关注ZUI项目计划,并成为ZUI的开发者。</li>
</ul>
</article>
</section>
<section>
<header><h3>我能得到什么?</h3></header>
<article>
<p>很遗憾,一般情况下你做出了贡献但得不到任何物质上的报酬(不排除<a href="http://www.cnezsoft.com/" target="_blank">易软天创</a>会赠送小礼品)。虽然如此,但相信你有更大的收获:</p>
<ul>
<li>为ZUI添加更多的实用组件,从而使得ZUI在你的项目更易于使用;</li>
<li>见证你的工作帮助了更多的人;</li>
<li>你为ZUI做出的任何贡献都将会署名,并在文档上体现;</li>
</ul>
</article>
</section>
<article>
<p>如果你有其他事宜,请联系<a href="http://www.cnezsoft.com/" target="_blank">易软天创</a>,或发送邮件至 sunhao@cnezsoft.com。</p>
</article>
<style>
#pageBody {background-color: #f5f5f5; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nNDkxLjk5OTk5OTk5OTk5OTk0JyBoZWlnaHQ9JzI1Mi4wMDAwMDAwMDAwMDAwMycgdmlld0JveD0nMCAwIDk4LjM5OTk5OTk5OTk5OTk5IDUwLjQwMDAwMDAwMDAwMDAwNic+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0ncycgZmlsbD0nI2ZmZmZmZicgZD0nTTAsMGw4IDRsLTgsNHonLz4KCTwvZGVmcz4KCTxnIGlkPSdiJz4KCTx1c2UgeD0nLTgnIHk9Jy00JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzAnIHk9JzAuMicgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTgnIHk9JzQuNCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMCcgeT0nOC42JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctOCcgeT0nMTIuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScwJyB5PScxNycgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctOCcgeT0nMjEuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc4LjInIHk9Jy00JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMTYuMicgeT0nMC4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguMicgeT0nNC40JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMTYuMicgeT0nOC42JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguMicgeT0nMTIuOCcgZmlsbC1vcGFjaXR5PScwLjE1JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTE2LjInIHk9JzE3JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguMicgeT0nMjEuMicgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTI0LjQnIHk9Jy00JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzE2LjQnIHk9JzAuMicgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjQuNCcgeT0nNC40JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScxNi40JyB5PSc4LjYnIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTI0LjQnIHk9JzEyLjgnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+CQoJPHVzZSB4PScxNi40JyB5PScxNycgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjQuNCcgeT0nMjEuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9Jy00JyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0zMi41OTk5OTk5OTk5OTk5OTQnIHk9JzAuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9JzQuNCcgZmlsbC1vcGFjaXR5PScwLjE1JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTMyLjU5OTk5OTk5OTk5OTk5NCcgeT0nOC42JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9JzEyLjgnIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0zMi41OTk5OTk5OTk5OTk5OTQnIHk9JzE3JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTUnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9JzIxLjInIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQwLjgnIHk9Jy00JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nMzIuOCcgeT0nMC4yJyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00MC44JyB5PSc0LjQnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzMyLjgnIHk9JzguNicgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctNDAuOCcgeT0nMTIuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMzIuOCcgeT0nMTcnIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00MC44JyB5PScyMS4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc0MScgeT0nLTQnIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQ4Ljk5OTk5OTk5OTk5OTk5JyB5PScwLjInIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4JCgk8dXNlIHg9JzQxJyB5PSc0LjQnIGZpbGwtb3BhY2l0eT0nMC42JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQ4Ljk5OTk5OTk5OTk5OTk5JyB5PSc4LjYnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4JCgk8dXNlIHg9JzQxJyB5PScxMi44JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctNDguOTk5OTk5OTk5OTk5OTknIHk9JzE3JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzQxJyB5PScyMS4yJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8L2c+Cgk8dXNlIHg9Jy00OC45OTk5OTk5OTk5OTk5OScgeT0nMjUuMjAwMDAwMDAwMDAwMDAzJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KCTx1c2UgeD0nLTk4LjE5OTk5OTk5OTk5OTk5JyB5PSctMTYuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIC0xIDAgMCknIHhsaW5rOmhyZWY9JyNiJyAvPgoJPHVzZSB4PSc0OS4xOTk5OTk5OTk5OTk5OTYnIHk9Jy0zMy42JyB0cmFuc2Zvcm09J21hdHJpeCgxIDAgMCAtMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KCTx1c2UgeD0nNDkuMTk5OTk5OTk5OTk5OTk2JyB5PSctNTguODAwMDAwMDAwMDAwMDA0JyB0cmFuc2Zvcm09J21hdHJpeCgxIDAgMCAtMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KPC9zdmc+Cg==');}
#pageContent .card {background-color: #fff; color: #333;}
</style>
<article class="text-center">
<h2 class="text-success">ZUI构建于众多优秀的开源项目之上</h2>
<p>非常感谢这些项目!</p>
<div class="row">
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://gruntjs.com/" class="card"><strong class="card-heading">Grunt</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://lesscss.org/" class="card"><strong class="card-heading">Less</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://necolas.github.io/normalize.css/" class="card"><strong class="card-heading">normalize</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://jquery.com/" class="card"><strong class="card-heading">jQuery</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://getbootstrap.com/" class="card"><strong class="card-heading">Bootstrap</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://kindeditor.net/" class="card"><strong class="card-heading">kindeditor</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://harvesthq.github.io/chosen/" class="card"><strong class="card-heading">Chosen</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://www.malot.fr/bootstrap-datetimepicker" class="card"><strong class="card-heading">Datetime picker</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://fortawesome.github.io/Font-Awesome/" class="card"><strong class="card-heading">FontAwesome</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="https://code.google.com/p/google-code-prettify/" class="card"><strong class="card-heading">google code prettify</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://github.com/tzuryby/hotkeys" class="card"><strong class="card-heading">jQuery hotkey</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://bootboxjs.com/" class="card"><strong class="card-heading">Bootbox</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="https://code.google.com/p/explorercanvas/" class="card"><strong class="card-heading">Explorer canvas</strong></a></div>
<div class="col-md-3 col-sm-4"><a target="_blank" href="http://www.chartjs.org/" class="card"><strong class="card-heading">Chart.js</strong></a></div>
</div>
</article>
......@@ -22,15 +22,6 @@
</article>
</section>
<section>
<header><h3>简单风格</h3></header>
<article>
<div class="example">
<textarea id="contentCustom" name="content" class="form-control customStyle" style="height:150px;">Hello, world!</textarea>
</div>
</article>
</section>
<script>
function onPageLoad() {
return false;
......@@ -63,15 +54,6 @@ function afterPageLoad() {
afterBlur: function(){$('#contentSimple').prev('.ke-container').removeClass('focus');},
afterFocus: function(){$('#contentSimple').prev('.ke-container').addClass('focus');}
});
K.create('textarea.customStyle',
{
basePath: '/dist/lib/kindeditor/',
themeType : 'simple',
bodyClass : 'article-content',
afterBlur: function(){$('#contentCustom').prev('.ke-container').removeClass('focus');},
afterFocus: function(){$('#contentCustom').prev('.ke-container').addClass('focus');}
});
}
setTimeout($.doc.mutePageLoading, 500);
};
......
<article>
<div class="alert alert-warning with-icon">
<i class="icon-info-sign"></i>
<div class="content">
<h4>注意</h4>
<p>本文的适合从1.2及更低的版本升级到1.3的用户,其他用户可以忽略。</p>
</div>
</div>
</article>
<section>
<header><h3>有哪些变化</h3></header>
<article>
<p>为避免全局变量污染,ZUI在1.3中移除了之前在<code>window</code><code>jQuery</code>实例上的对象绑定。现在所有共享对象方法全部绑定在<code>$.zui</code>对象上。如果你在代码中用到了如下对象方法,则需要更改您的代码(代码)或者使用兼容插件。</p>
<table class="table table-bordered">
<thead>
<tr>
<th>1.2版本之前的用法</th>
<th>1.3版本的用法</th>
<th>相关组件</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>$.uuid</code></td>
<td><code>$.zui.uuid</code></td>
<td>ZUI的jQuery扩展</td>
</tr>
<tr>
<td><code>$.callEvent</code></td>
<td><code>$.zui.callEvent</code></td>
<td>ZUI的jQuery扩展</td>
</tr>
<tr>
<td><code>$.clientLang</code></td>
<td><code>$.zui.clientLang</code></td>
<td>ZUI的jQuery扩展</td>
</tr>
<tr>
<td><code>$.browser</code></td>
<td><code>$.zui.browser</code></td>
<td>IE浏览器版本判断插件</td>
</tr>
<tr>
<td><code>$.messager</code>
<code>window.messager</code></td>
<td><code>$.zui.messager</code></td>
<td>漂浮消息</td>
</tr>
<tr>
<td><code>$.Messager</code>
<code>window.Messager</code></td>
<td><code>$.zui.Messager</code></td>
<td>漂浮消息</td>
</tr>
<tr>
<td><code>$.showMessager</code>
<code>window.showMessager</code></td>
<td><code>$.zui.showMessager</code></td>
<td>漂浮消息</td>
</tr>
<tr>
<td><code>$.closeModal</code>
<code>window.closeModal</code></td>
<td><code>$.zui.closeModal</code></td>
<td>模态框触发器</td>
</tr>
<tr>
<td><code>$.ajustModalPosition</code>
<code>window.ajustModalPosition</code></td>
<td><code>$.zui.ajustModalPosition</code></td>
<td>模态框触发器</td>
</tr>
<tr>
<td><code>$.ModalTrigger</code>
<code>window.ModalTrigger</code></td>
<td><code>$.zui.ModalTrigger</code></td>
<td>模态框触发器</td>
</tr>
<tr>
<td><code>$.modalTrigger</code>
<code>window.modalTrigger</code></td>
<td><code>$.zui.modalTrigger</code></td>
<td>模态框触发器</td>
</tr>
<tr>
<td><code>$.store</code>
<code>window.store</code></td>
<td><code>$.zui.store</code></td>
<td>本地存储</td>
</tr>
<tr>
<td><code>window.Color</code></td>
<td><code>$.zui.Color</code></td>
<td>色彩辅助方法</td>
</tr>
<tr>
<td><code>window.imgReady</code></td>
<td><code>$.zui.imgReady</code></td>
<td>图片加载判断</td>
</tr>
</tbody>
</table>
</article>
</section>
<section>
<header><h3>如何处理</h3></header>
<article>
<p>有两种方法来兼容之前的用法。</p>
<ul>
<li>手动将之前的写法更改为新的写法(推荐);</li>
<li>使用1.3中提供的兼容插件,这样可以在1.3中继续使用之前的用法,兼容插件包含在<code>dist/lib/migrate/</code>目录下。</li>
</ul>
</article>
</section>
......@@ -16,7 +16,7 @@
<button data-placement="bottom" data-toggle="tooltip" title="展开顶部" id="compactTogger" type="button" class="btn btn-link"><i class="icon icon-angle-up"></i></button>
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".zui-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
......@@ -25,9 +25,9 @@
</div>
<nav class="collapse navbar-collapse zui-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li id="navDownloadLink"><a href="https://github.com/easysoft/zui/releases" target="_blank"><i class="icon icon-download-alt"></i><span> 立即下载</span></a></li>
<li><a href="http://forum.zui.sexy/forum/" target="_blank"><i class="icon icon-comments-alt"></i><span> 论坛</span></a></li>
<li><a href="https://github.com/easysoft/zui" target="_blank"><i class="icon icon-github"></i><span> Star</span></a></li>
<li id="navDownloadLink"><a title="立即下载" href="https://github.com/easysoft/zui/releases" target="_blank"><i class="icon icon-download-alt"></i><span> 立即下载</span></a></li>
<li><a title="论坛" href="http://forum.zui.sexy/forum/" target="_blank"><i class="icon icon-comments-alt"></i><span> 论坛</span></a></li>
<li><a title="在Github上Star项目" href="https://github.com/easysoft/zui" target="_blank"><i class="icon icon-github"></i><span> Star</span></a></li>
</ul>
</nav>
</div>
......@@ -61,7 +61,7 @@
<i class="icon icon-star"></i>
<h2><a class="name" href="###">图标</a></h2>
<small class="text-muted desc">使用和查找图标</small>
<button type="button" class="btn btn-link" id="pageTogger"></button>
<button type="button" class="btn btn-link" id="pageTogger" title="折叠/展开 章节" data-toggle="tooltip"></button>
</div>
<button data-toggle="tooltip" title="最大化" type="button" class="btn btn-link path-max-btn path-btn"><i class="path-1"></i></button>
<button data-toggle="tooltip" title="关闭(ESC)" type="button" class="btn btn-link path-close-btn path-btn"><i class="path-1"></i></button>
......
......@@ -619,6 +619,7 @@ body {
line-height: 20px;
height: 40px;
border-radius: 4px;
> .icon {
font-size: 18px;
......@@ -681,7 +682,6 @@ body {
color: #fff;
left: 50%;
margin-left: -21px;
border-radius: 0;
display: none;
opacity: 0;
top: -40px;
......@@ -850,7 +850,6 @@ body {
background-color: #fff;
.transition-quickly(border; height; transform; top; left; opcity);
display: none;
border-radius: 0;
margin-bottom: 10px;
border-color: #fff;
box-shadow: none;
......@@ -1012,7 +1011,7 @@ body {
color: @color-fore;
display: block;
padding: 5px 0 5px 54px;
border-radius: 4px;
> .icon {
display: inline-block;
......@@ -1308,6 +1307,7 @@ body.query-enabled {
}
}
#page {
border-radius: 4px;
position: relative;
background-color: fade(#fff, 80%);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25), 0 120px 220px @color-gray-pale;
......@@ -1317,6 +1317,7 @@ body.query-enabled {
}
}
#pageHeader {
border-radius: 4px 4px 0 0;
background-color: #fafafa;
position: relative;
padding: 0;
......@@ -1821,6 +1822,7 @@ body.page-show {
&.page-show-full {
#page {
border-radius: 0;
opacity: 0;
}
......@@ -1849,6 +1851,10 @@ body.page-show {
}
}
#pageHeader {
border-radius: 0;
}
#pageBody {
// padding: 20px 0;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册