From f769531dc4aff406e40cce5f70124278359292f8 Mon Sep 17 00:00:00 2001 From: ddl Date: Sun, 19 Feb 2017 09:06:12 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E6=88=91=E7=9A=84=EF=BC=8C=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2UI=E5=88=9D=E6=AD=A5=E7=BC=96=E5=86=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 3 ++- pages/user/index.js | 35 +++++++++++++++++++++++++++++++++++ pages/user/index.json | 1 + pages/user/index.wxml | 43 +++++++++++++++++++++++++++++++++++++++++++ pages/user/index.wxss | 36 ++++++++++++++++++++++++++++++++++++ 5 files changed, 117 insertions(+), 1 deletion(-) create mode 100644 pages/user/index.js create mode 100644 pages/user/index.json create mode 100644 pages/user/index.wxml create mode 100644 pages/user/index.wxss diff --git a/app.json b/app.json index 20ff183..bd45dd1 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages":[ + "pages/user/index", "pages/index/index", "pages/user/login", "pages/logs/logs" @@ -28,7 +29,7 @@ "text": "知识库" }, { - "pagePath": "pages/index/index", + "pagePath": "pages/user/index", "text": "我的" } ] diff --git a/pages/user/index.js b/pages/user/index.js new file mode 100644 index 0000000..1b2288a --- /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 0000000..9e26dfe --- /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 0000000..849071a --- /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 0000000..568ef91 --- /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; +} + + -- Gitee From 28afa2a45b68d907f21c2ecfa0a78d205bbb6482 Mon Sep 17 00:00:00 2001 From: ddl Date: Sun, 19 Feb 2017 10:48:48 +0800 Subject: [PATCH 2/4] =?UTF-8?q?=E9=A6=96=E9=A1=B5UI=E5=88=9D=E6=AD=A5?= =?UTF-8?q?=E7=BC=96=E5=86=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 56 ++++++++++---------- pages/blogpost/body.js | 19 +++++++ pages/blogpost/body.json | 1 + pages/blogpost/body.wxml | 2 + pages/blogpost/body.wxss | 1 + pages/index/index.js | 109 ++++++++++++++++++++++++++++++++++----- pages/index/index.wxml | 85 +++++++++++++++++++++++++++--- 7 files changed, 227 insertions(+), 46 deletions(-) create mode 100644 pages/blogpost/body.js create mode 100644 pages/blogpost/body.json create mode 100644 pages/blogpost/body.wxml create mode 100644 pages/blogpost/body.wxss diff --git a/app.json b/app.json index bd45dd1..a46d36f 100644 --- a/app.json +++ b/app.json @@ -1,37 +1,39 @@ { - "pages":[ - "pages/user/index", + "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/user/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 0000000..8c8ce35 --- /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 0000000..9e26dfe --- /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 0000000..046ff46 --- /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 0000000..b56d2bb --- /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 6ae22ca..4748490 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": "sample string 7", + "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": "sample string 7", + "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": "sample string 7", + "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": "sample string 7", + "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": "sample string 7", + "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": "sample string 7", + "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 022ad3b..054e560 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -1,10 +1,81 @@ + - - - {{userInfo.nickName}} + + + + + {{item}} + + + + + + + + + + + + + + + + + + + + + - - {{motto}} - - + \ No newline at end of file -- Gitee From 104af7b0312c9a01823eb3b7cbe147de7a90754f Mon Sep 17 00:00:00 2001 From: ddl Date: Sun, 19 Feb 2017 10:52:14 +0800 Subject: [PATCH 3/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=EF=BC=8C=E6=96=87=E7=AB=A0=E5=88=97=E8=A1=A8=E5=9B=BE=E7=89=87?= =?UTF-8?q?url?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/index/index.js | 12 ++++++------ pages/index/index.wxml | 10 +++++----- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/pages/index/index.js b/pages/index/index.js index 4748490..a1ee3ad 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -17,7 +17,7 @@ Page({ "Description": "连接数据库： 使用面向对象的方法； 1.造一个mysqli对象，造连接对象 2.准备一条SQL语句 3.执行SQL语句,如果是查询语句。成功返回结果及对象 4.从结果集对象里找到数据； 查询属性代码： 最后的返回值是一个集对象，为了方便清晰的看到结果 我们用到了fetch", "Author": "达尔文", "BlogApp": "sample string 6", - "Avatar": "sample string 7", + "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg", "PostDate": "2017-02-19", "ViewCount": 9, "CommentCount": 10, @@ -30,7 +30,7 @@ Page({ "Description": "目标是只要执行一个命令就自动发布新版本到nuget平台 第一步在nuget官网注册一个账号 会有一个APIKEY 如下图 在工程里面添加一个Gruntfile.js 然后copy以下代码 在vs里也可以执行grunt任务 那么nuspec文件是怎么出来的呢 在命令提示符下,进入.csproj文件", "Author": "达尔文", "BlogApp": "sample string 6", - "Avatar": "sample string 7", + "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg", "PostDate": "2017-02-19", "ViewCount": 9, "CommentCount": 10, @@ -42,7 +42,7 @@ Page({ "Description": "双边滤波（Bilateral filter）是一种非线性的滤波方法，是结合图像的空间邻近度和像素值相似度的一种折衷处理，同时考虑空域信息和灰度相似性，达到保边去噪的目的。 双边滤波器之所以能够做到在平滑去噪的同时还能够很好的保存边缘（Edge Preserve），是由于其滤波器的", "Author": "达尔文", "BlogApp": "sample string 6", - "Avatar": "sample string 7", + "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg", "PostDate": "2017-02-19", "ViewCount": 9, "CommentCount": 10, @@ -58,7 +58,7 @@ Page({ "Description": "前几天(2017年2月)看到一篇文章，国内王健林、马云等大咖们看好的未来十大最有“钱途”产业中，排名第一的就是“泛娱乐”。 所以我们发现最近几年无论是BAT企业还是万达等，都纷纷投资游戏、电影、动漫等泛娱乐产业。 　本篇就基于Unity游戏引擎UGUI为基础，对UI", "Author": "达尔文", "BlogApp": "sample string 6", - "Avatar": "sample string 7", + "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg", "PostDate": "2017-02-19", "ViewCount": 9, "CommentCount": 10, @@ -71,7 +71,7 @@ Page({ "Description": "目标是只要执行一个命令就自动发布新版本到nuget平台 第一步在nuget官网注册一个账号 会有一个APIKEY 如下图 在工程里面添加一个Gruntfile.js 然后copy以下代码 在vs里也可以执行grunt任务 那么nuspec文件是怎么出来的呢 在命令提示符下,进入.csproj文件", "Author": "达尔文", "BlogApp": "sample string 6", - "Avatar": "sample string 7", + "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg", "PostDate": "2017-02-19", "ViewCount": 9, "CommentCount": 10, @@ -83,7 +83,7 @@ Page({ "Description": "双边滤波（Bilateral filter）是一种非线性的滤波方法，是结合图像的空间邻近度和像素值相似度的一种折衷处理，同时考虑空域信息和灰度相似性，达到保边去噪的目的。 双边滤波器之所以能够做到在平滑去噪的同时还能够很好的保存边缘（Edge Preserve），是由于其滤波器的", "Author": "达尔文", "BlogApp": "sample string 6", - "Avatar": "sample string 7", + "Avatar": "http://img1.3lian.com/2015/w7/85/d/101.jpg", "PostDate": "2017-02-19", "ViewCount": 9, "CommentCount": 10, diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 054e560..e62213b 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -21,14 +21,14 @@ - + {{item.Title}} {{item.Description}} @{{item.Author}} - 发布于{{item.PostDate}} + {{item.PostDate}} 评论{{item.CommentCount}} 阅读{{item.ViewCount}} @@ -36,7 +36,7 @@ - + @@ -49,14 +49,14 @@ - + {{item.Title}} {{item.Description}} @{{item.Author}} - 发布于{{item.PostDate}} + {{item.PostDate}} 评论{{item.CommentCount}} 阅读{{item.ViewCount}} -- Gitee From 03dc7221bb789e43e27b8afd882af0df98492499 Mon Sep 17 00:00:00 2001 From: ddl Date: Sun, 19 Feb 2017 11:00:52 +0800 Subject: [PATCH 4/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5tab?= =?UTF-8?q?=E5=90=8D=E7=A7=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/index/index.js | 2 +- pages/index/index.wxml | 12 ++++++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/pages/index/index.js b/pages/index/index.js index a1ee3ad..96ace06 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -3,7 +3,7 @@ var app = getApp() Page({ data: { - tabs: ["博文", "精华区", "推荐", "热门", "默认"], + tabs: ["博文", "精华区", "推荐新闻", "热门新闻", "本周新闻"], activeIndex: 0, sliderOffset: 0, sliderLeft: 0, diff --git a/pages/index/index.wxml b/pages/index/index.wxml index e62213b..772d5d9 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -68,14 +68,14 @@ - - + + - - + + - - + + \ No newline at end of file -- Gitee