diff --git a/app.json b/app.json
index 20ff183086e6ebc2c6447e7dc20ad014425c036a..a46d36f53d8adb38720137d5dfa2dc79cffc8717 100644
--- a/app.json
+++ b/app.json
@@ -1,36 +1,39 @@
{
- "pages":[
+ "pages": [
"pages/index/index",
"pages/user/login",
- "pages/logs/logs"
+ "pages/logs/logs",
+ "pages/user/index",
+ "pages/blogpost/body"
],
- "window":{
- "backgroundTextStyle":"light",
+ "window": {
+ "backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#2b6695",
"navigationBarTitleText": "博客园",
- "navigationBarTextStyle":"#fff"
+ "navigationBarTextStyle": "#fff"
},
"tabBar": {
- "list": [{
- "pagePath": "pages/index/index",
- "text": "首页"
- },
- {
- "pagePath": "pages/index/index",
- "text": "博问"
- },
- {
- "pagePath": "pages/index/index",
- "text": "闪存"
- },
- {
- "pagePath": "pages/index/index",
- "text": "知识库"
- },
- {
- "pagePath": "pages/index/index",
- "text": "我的"
- }
+ "list": [
+ {
+ "pagePath": "pages/index/index",
+ "text": "首页"
+ },
+ {
+ "pagePath": "pages/index/index",
+ "text": "博问"
+ },
+ {
+ "pagePath": "pages/index/index",
+ "text": "闪存"
+ },
+ {
+ "pagePath": "pages/index/index",
+ "text": "知识库"
+ },
+ {
+ "pagePath": "pages/user/index",
+ "text": "我的"
+ }
]
}
-}
+}
\ No newline at end of file
diff --git a/pages/blogpost/body.js b/pages/blogpost/body.js
new file mode 100644
index 0000000000000000000000000000000000000000..8c8ce355c1d856b788debb6e7c9a8d1a05f44903
--- /dev/null
+++ b/pages/blogpost/body.js
@@ -0,0 +1,19 @@
+// pages/blogpost/body.js
+Page({
+ data:{},
+ onLoad:function(options){
+ // 页面初始化 options为页面跳转所带来的参数
+ },
+ onReady:function(){
+ // 页面渲染完成
+ },
+ onShow:function(){
+ // 页面显示
+ },
+ onHide:function(){
+ // 页面隐藏
+ },
+ onUnload:function(){
+ // 页面关闭
+ }
+})
\ No newline at end of file
diff --git a/pages/blogpost/body.json b/pages/blogpost/body.json
new file mode 100644
index 0000000000000000000000000000000000000000..9e26dfeeb6e641a33dae4961196235bdb965b21b
--- /dev/null
+++ b/pages/blogpost/body.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/blogpost/body.wxml b/pages/blogpost/body.wxml
new file mode 100644
index 0000000000000000000000000000000000000000..046ff464206a1cd7413c417317866f01fab6a1d9
--- /dev/null
+++ b/pages/blogpost/body.wxml
@@ -0,0 +1,2 @@
+
+pages/blogpost/body.wxml
diff --git a/pages/blogpost/body.wxss b/pages/blogpost/body.wxss
new file mode 100644
index 0000000000000000000000000000000000000000..b56d2bb3ebd8f1bbe5f8a4df7de0ad2fd643d5e6
--- /dev/null
+++ b/pages/blogpost/body.wxss
@@ -0,0 +1 @@
+/* pages/blogpost/body.wxss */
\ No newline at end of file
diff --git a/pages/index/index.js b/pages/index/index.js
index 6ae22cafe72337bfcb6d0faa3875a0458a35ee20..96ace06fe5dee360de901349ffbc25a7b24f9153 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -3,24 +3,109 @@
var app = getApp()
Page({
data: {
- motto: 'Hello World',
- userInfo: {}
- },
- //事件处理函数
- bindViewTap: function() {
- wx.navigateTo({
- url: '../logs/logs'
- })
+ tabs: ["博文", "精华区", "推荐新闻", "热门新闻", "本周新闻"],
+ activeIndex: 0,
+ sliderOffset: 0,
+ sliderLeft: 0,
+
+ //首页博文列表
+ sitehome: [
+ {
+ "Id": 1,
+ "Title": "php连接mysql数据库",
+ "Url": "sample string 3",
+ "Description": "连接数据库： 使用面向对象的方法； 1.造一个mysqli对象，造连接对象 2.准备一条SQL语句 3.执行SQL语句,如果是查询语句。成功返回结果及对象 4.从结果集对象里找到数据； 查询属性代码： 最后的返回值是一个集对象，为了方便清晰的看到结果 我们用到了fetch",
+ "Author": "达尔文",
+ "BlogApp": "sample string 6",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "PostDate": "2017-02-19",
+ "ViewCount": 9,
+ "CommentCount": 10,
+ "DiggCount": 11
+ },
+ {
+ "Id": 1,
+ "Title": "一键打包并发布到Nuget平台",
+ "Url": "sample string 3",
+ "Description": "目标是只要执行一个命令就自动发布新版本到nuget平台 第一步在nuget官网注册一个账号 会有一个APIKEY 如下图 在工程里面添加一个Gruntfile.js 然后copy以下代码 在vs里也可以执行grunt任务 那么nuspec文件是怎么出来的呢 在命令提示符下,进入.csproj文件",
+ "Author": "达尔文",
+ "BlogApp": "sample string 6",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "PostDate": "2017-02-19",
+ "ViewCount": 9,
+ "CommentCount": 10,
+ "DiggCount": 11
+ }, {
+ "Id": 1,
+ "Title": "图像处理基础(5)：双边滤波器",
+ "Url": "sample string 3",
+ "Description": "双边滤波（Bilateral filter）是一种非线性的滤波方法，是结合图像的空间邻近度和像素值相似度的一种折衷处理，同时考虑空域信息和灰度相似性，达到保边去噪的目的。 双边滤波器之所以能够做到在平滑去噪的同时还能够很好的保存边缘（Edge Preserve），是由于其滤波器的",
+ "Author": "达尔文",
+ "BlogApp": "sample string 6",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "PostDate": "2017-02-19",
+ "ViewCount": 9,
+ "CommentCount": 10,
+ "DiggCount": 11
+ }
+ ],
+ //精华区博文列表
+ picked: [
+ {
+ "Id": 1,
+ "Title": "游戏UI框架设计(一) : 架构设计理论篇",
+ "Url": "sample string 3",
+ "Description": "前几天(2017年2月)看到一篇文章，国内王健林、马云等大咖们看好的未来十大最有“钱途”产业中，排名第一的就是“泛娱乐”。 所以我们发现最近几年无论是BAT企业还是万达等，都纷纷投资游戏、电影、动漫等泛娱乐产业。 本篇就基于Unity游戏引擎UGUI为基础，对UI",
+ "Author": "达尔文",
+ "BlogApp": "sample string 6",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "PostDate": "2017-02-19",
+ "ViewCount": 9,
+ "CommentCount": 10,
+ "DiggCount": 11
+ },
+ {
+ "Id": 1,
+ "Title": "一键打包并发布到Nuget平台",
+ "Url": "sample string 3",
+ "Description": "目标是只要执行一个命令就自动发布新版本到nuget平台 第一步在nuget官网注册一个账号 会有一个APIKEY 如下图 在工程里面添加一个Gruntfile.js 然后copy以下代码 在vs里也可以执行grunt任务 那么nuspec文件是怎么出来的呢 在命令提示符下,进入.csproj文件",
+ "Author": "达尔文",
+ "BlogApp": "sample string 6",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "PostDate": "2017-02-19",
+ "ViewCount": 9,
+ "CommentCount": 10,
+ "DiggCount": 11
+ }, {
+ "Id": 1,
+ "Title": "图像处理基础(5)：双边滤波器",
+ "Url": "sample string 3",
+ "Description": "双边滤波（Bilateral filter）是一种非线性的滤波方法，是结合图像的空间邻近度和像素值相似度的一种折衷处理，同时考虑空域信息和灰度相似性，达到保边去噪的目的。 双边滤波器之所以能够做到在平滑去噪的同时还能够很好的保存边缘（Edge Preserve），是由于其滤波器的",
+ "Author": "达尔文",
+ "BlogApp": "sample string 6",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "PostDate": "2017-02-19",
+ "ViewCount": 9,
+ "CommentCount": 10,
+ "DiggCount": 11
+ }
+ ]
},
onLoad: function () {
- console.log('onLoad')
- var that = this
+ var that = this;
//调用应用实例的方法获取全局数据
- app.getUserInfo(function(userInfo){
+ app.getUserInfo(function (userInfo) {
//更新数据
that.setData({
- userInfo:userInfo
+ userInfo: userInfo
})
})
+
+ },
+ tabClick: function (e) {
+ this.setData({
+ sliderOffset: e.currentTarget.offsetLeft,
+ activeIndex: e.currentTarget.id
+ });
}
})
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 022ad3ba4ab107c19d711bdb2afff767e7c4abcf..772d5d99db5a4d8c8dc2d01cb7748c168a8f77b3 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,10 +1,81 @@
+
-
-
- {{userInfo.nickName}}
+
+
+
+
+ {{item}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.Title}}
+ {{item.Description}}
+
+ @{{item.Author}}
+ {{item.PostDate}}
+ 评论{{item.CommentCount}}
+ 阅读{{item.ViewCount}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.Title}}
+ {{item.Description}}
+
+ @{{item.Author}}
+ {{item.PostDate}}
+ 评论{{item.CommentCount}}
+ 阅读{{item.ViewCount}}
+
+
+
+
+
+
+
+
+
+
+ 推荐新闻
+
+
+ 热门新闻
+
+
+ 本周新闻
+
-
- {{motto}}
-
-
+
\ No newline at end of file
diff --git a/pages/user/index.js b/pages/user/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..1b2288a92279b0cf501ea7b4dbf0038dafc5b584
--- /dev/null
+++ b/pages/user/index.js
@@ -0,0 +1,35 @@
+// pages/user/index.js
+var app = getApp()
+Page({
+ data: {
+ userInfo: {
+ "UserId": "15586053-390b-df11-ba8f-001cf0cd104b",
+ "SpaceUserId": 112507,
+ "BlogId": 66147,
+ "DisplayName": "web3d",
+ "Face": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg",
+ "Seniority": "6年8个月",
+ "BlogApp": "web3d"
+ },
+ listImage: {
+ "ico_blog" : "//common.cnblogs.com/images/ico_blog.gif",
+ "ico_bookmark" : "//common.cnblogs.com/images/ico_bookmark.gif",
+ }
+ },
+ onLoad: function (options) {
+ // 页面初始化 options为页面跳转所带来的参数
+ },
+ onReady: function () {
+ // 页面渲染完成
+ },
+ onShow: function () {
+ // 页面显示
+ },
+ onHide: function () {
+ // 页面隐藏
+ },
+ onUnload: function () {
+ // 页面关闭
+ }
+})
\ No newline at end of file
diff --git a/pages/user/index.json b/pages/user/index.json
new file mode 100644
index 0000000000000000000000000000000000000000..9e26dfeeb6e641a33dae4961196235bdb965b21b
--- /dev/null
+++ b/pages/user/index.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/user/index.wxml b/pages/user/index.wxml
new file mode 100644
index 0000000000000000000000000000000000000000..849071a2712081aef0e1c45cfff596a940233f73
--- /dev/null
+++ b/pages/user/index.wxml
@@ -0,0 +1,43 @@
+
+
+
+
+ {{userInfo.DisplayName}}
+ 园龄：{{userInfo.Seniority}}
+
+
+
+
+
+
+ 0
+ 收藏
+
+
+ 0
+ 博文
+
+
+
+
+
+
+
+
+ 我的收藏
+
+
+
+
+
+
+ 我的博文
+
+
+
+
+ 错误提示
+
+
+
+
diff --git a/pages/user/index.wxss b/pages/user/index.wxss
new file mode 100644
index 0000000000000000000000000000000000000000..568ef914159308b904d86443ba1fde12c2b5db8c
--- /dev/null
+++ b/pages/user/index.wxss
@@ -0,0 +1,36 @@
+/* pages/user/index.wxss */
+
+.page__hd {
+ background-color: #2b6695;
+}
+
+.userinfo {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.userinfo-avatar {
+ width: 128rpx;
+ height: 128rpx;
+ margin: 20rpx;
+ border-radius: 50%;
+}
+
+.userinfo-nickname {
+ color: #fff;
+}
+
+.userinfo-seniority {
+ color: #fff;
+}
+
+.tool_bar {
+ text-align: center;
+ color: #fff;
+ border-top: solid #fff 1px;
+ background-color: #2b6695;
+ padding: 10px 0;
+}
+
+