wushenghua/vczero.github.io
1
0
Fork 0
mirror of https://github.com/wu736139669/vczero.github.io.git synced 2026-08-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

add list UI"

Browse Source
This commit is contained in:
unknown
2014-06-24 14:15:25 +08:00
parent f3d3a4c3f4
commit 08628e6661
10 changed files with 132 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
iblog/article.html
+1 -1
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>博客详细列表</title>
<title>博客详情页</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF8" Cache-control="public"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<link rel='stylesheet' href='css/main.css' />
iblog/blog/2014-06-21.js
+2 -2
View File
@@ -1,7 +1,7 @@
define(function(require, exports, module){
var blog_2014_06_21 = {
id:'blog_2014_06_21',
title: '<a href="http://vczero.github.io/iblog/article.html?id=blog_2014_06_21">大学这四年</a>',
title: '<a class="title_a" href="article.html?id=blog_2014_06_21">大学这四年</a>',
blog_tags: ['大学四年', '总结' , '展望'],
blog_time: '2014-06-21 凌晨1点',
blog_p:[
@@ -28,7 +28,7 @@ define(function(require, exports, module){
exports.blog_2014_06_21_am_1 = blog_2014_06_21_am_1;
exports.blog_2014_06_21 = blog_2014_06_21;
});
iblog/blog/2014-06-24.js
+1 -1
View File
@@ -1,7 +1,7 @@
define(function(require, exports, module){
var blog_2014_06_24 = {
id:'blog_2014_06_24',
title: '关于git和svn',
title: '<a class="title_a" href="article.html?id=blog_2014_06_24">关于git和svn</a>',
blog_tags: ['git', 'svn' , '版本控制'],
blog_time: '2014-06-24 下午9:40',
blog_p:[
iblog/blog/blogs.js
-4
View File
@@ -3,8 +3,6 @@
*/
define(function(require, exports, module){
var blogs = [];
var blog_2 = require('./2014-06-24.js');
var blog_1 = require('./2014-06-21.js'); //取得外界exs -> 调用exs的blog
@@ -12,7 +10,5 @@ define(function(require, exports, module){
blogs.push(blog_2.blog_2014_06_24);
blogs.push(blog_1.blog_2014_06_21);
exports.blogs = blogs;
});
iblog/blog/blogs_details.js
+14
View File
@@ -0,0 +1,14 @@
/*
博客详情页
*/
define(function(require, exports, module){
var blogs = {};
var blog_2 = require('./2014-06-24.js');
var blog_1 = require('./2014-06-21.js'); //取得外界exs -> 调用exs的blog
blogs['blog_2014_06_24'] = blog_2.blog_2014_06_24;
blogs['blog_2014_06_21'] = blog_1.blog_2014_06_21;
exports.blogs = blogs;
});
iblog/blog/blogs_link.js
+25
View File
@@ -0,0 +1,25 @@
/*
集合所有的博客的链接
*/
define(function(require, exports, module){
var blogs = [];
var blog_2 = require('./2014-06-24.js');
var blog_1 = require('./2014-06-21.js');
blogs.push(createObj(blog_2.blog_2014_06_24));
blogs.push(createObj(blog_1.blog_2014_06_21));
function createNewObj = function(obj){
return {
id: obj.id,
title: obj.title,
blog_tags: obj.blog_tags,
blog_time: obj.blog_time
};
}
exports.blogs = blogs;
});
iblog/css/main.css
+8
View File
@@ -35,6 +35,14 @@ body{
color: #EEEEEE;
}
.title_a{
color: #2F9BD7;
font-size: 23px;
font-weight: bold;
margin-bottom: 10px;
cursor: pointer;
}
.footer{
width: 950px;
margin: 0 auto;
iblog/js/article.js
+9 -4
View File
@@ -3,12 +3,17 @@
*/
$(function(){
seajs.use('./blog/blogs.js', function(exports){
var blogs = exports.blogs;
createBlogs(blogs, 100);
seajs.use('./blog/blogs_details.js', function(exports){
var url = window.location.search;
var id = url.split('id=')[1];
var blog = exports.blogs[id];
var bs = [];
bs.push(blog);
createBlog(bs, 100);
});
function createBlogs(blogs, n){
function createBlog(blogs, n){
var blogs = blogs;
var num = n > blogs.length ? blogs.length:n;
var element = $('#showblog');
iblog/js/list.js
View File
iblog/list.html
+72
View File
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<title>vczero的博客</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF8" Cache-control="public"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<link rel='stylesheet' href='css/main.css' />
<script type="text/javascript" src="js/jquery2.1.1.js"></script>
<script type="text/javascript" src="js/sea2.3.js"></script>
<script type="text/javascript" src="js/underscore.js"></script>
<script type="text/javascript" src="js/list.js"></script>
</head>
<body>
<!--页眉-->
<header class="header">
<div class="header_bar">
<div class="title">iBlog</div>
</div>
</header>
<!--菜单-->
<section class="menu">
<table class="menu_table">
<tr class="menu_table_tr">
<td>Web前端</td>
<td>Web后端</td>
</tr>
<tr class="menu_table_tr">
<td>NoSQL</td>
<td>SQL</td>
</tr>
<tr class="menu_table_tr">
<td>JS</td>
<td>HTML5</td>
</tr>
<tr class="menu_table_tr">
<td>Node</td>
<td>LBS</td>
</tr>
<tr class="menu_table_tr">
<td>小事</td>
<td>关于我</td>
</tr>
</table>
</section>
<!--list-->
<section class="main_section">
<div id="showblog"></div>
</section>
<!--页脚-->
<footer class = "footer">
<div class="footer_info">
<div class="footer_start">
<a class="start_item" href="https://github.com/vczero">
<img style="width:40px;height:40px;" src="imgs/github.jpg">
</a>
<a class="start_item" href="http://weibo.com/2762275212/profile?rightmod=1&wvr=5&mod=personinfo">
<img style="width:40px;height:40px;" src="imgs/weibo.png">
</a>
<a class="start_item" href="http://vczero.github.io/index.html">
<img style="width:40px;height:40px;" src="imgs/me.png">
</a>
</div>
</div>
<div class="footer_links">
<div class="footer_text">wlhmyit@126.com</div>
<div class="footer_text">QQ:1163259171</div>
<div class="footer_text">create by vczero</div>
</div>
</footer>
</body>
</html>