From 75f28206cc1887bc6085647cfd424fa2733ed548 Mon Sep 17 00:00:00 2001 From: Xiaokang Lei <13281183@bjtu.edu.cn> Date: Mon, 30 Jan 2023 14:27:22 +0800 Subject: [PATCH] add news template --- app.json | 5 +- pages/about/home/home.js | 6 +- pages/index/component/card/card.wxml | 30 ++++- pages/index/component/swiper/swiper.wxml | 2 +- pages/template/home/home.js | 12 +- pages/template/index/index01/index01.js | 6 - pages/template/index/index01/index01.wxml | 5 +- pages/template/index/index02/index02.js | 3 - pages/template/index/index02/index02.wxml | 10 +- pages/template/music/music01/music01.wxml | 2 +- pages/template/news/home/home.js | 82 +++++++++++++ pages/template/news/home/home.json | 3 + pages/template/news/home/home.wxml | 23 ++++ pages/template/news/home/home.wxss | 1 + pages/template/news/news01/news01.js | 136 ++++++++++++++++++++++ pages/template/news/news01/news01.json | 3 + pages/template/news/news01/news01.wxml | 59 ++++++++++ pages/template/news/news01/news01.wxss | 1 + pages/template/news/news02/news02.js | 66 +++++++++++ pages/template/news/news02/news02.json | 3 + pages/template/news/news02/news02.wxml | 2 + pages/template/news/news02/news02.wxss | 1 + pages/template/uitemplate/home/home.wxml | 2 +- pages/template/user/user01/user01.wxml | 2 +- pages/template/user/user02/user02.wxml | 10 +- readme.md | 9 +- 26 files changed, 440 insertions(+), 44 deletions(-) create mode 100644 pages/template/news/home/home.js create mode 100644 pages/template/news/home/home.json create mode 100644 pages/template/news/home/home.wxml create mode 100644 pages/template/news/home/home.wxss create mode 100644 pages/template/news/news01/news01.js create mode 100644 pages/template/news/news01/news01.json create mode 100644 pages/template/news/news01/news01.wxml create mode 100644 pages/template/news/news01/news01.wxss create mode 100644 pages/template/news/news02/news02.js create mode 100644 pages/template/news/news02/news02.json create mode 100644 pages/template/news/news02/news02.wxml create mode 100644 pages/template/news/news02/news02.wxss diff --git a/app.json b/app.json index 6cebe3e..d9dd223 100644 --- a/app.json +++ b/app.json @@ -81,7 +81,10 @@ "pages/template/login/login02/login02", "pages/index/component/stepper/stepper", "pages/index/component/countdown/countdown", - "pages/template/uitemplate/home/home" + "pages/template/uitemplate/home/home", + "pages/template/news/home/home", + "pages/template/news/news01/news01", + "pages/template/news/news02/news02" ], "window": { "backgroundTextStyle": "light", diff --git a/pages/about/home/home.js b/pages/about/home/home.js index bf36b8e..7fbd799 100644 --- a/pages/about/home/home.js +++ b/pages/about/home/home.js @@ -74,10 +74,10 @@ Component({ }, 20) } else { that.setData({ - templateCount: that.coutNum(16), - usersCount: that.coutNum(1306), + templateCount: that.coutNum(17), + usersCount: that.coutNum(1411), modelTotal: that.coutNum(46), - visitTotal: that.coutNum(2264), + visitTotal: that.coutNum(2702), }) } } diff --git a/pages/index/component/card/card.wxml b/pages/index/component/card/card.wxml index 9bc29dc..20f955d 100644 --- a/pages/index/component/card/card.wxml +++ b/pages/index/component/card/card.wxml @@ -18,14 +18,14 @@ 史诗 - 我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。 + 从自己的生活里找，先能打动自己，才有可能打动别人。 - 正义天使 格鲁 + 创意无限 格鲁 十天前 @@ -64,7 +64,7 @@ - 折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！ + 创意是基于本质而来的解决方案。本质是什么，是不会因为其他外在条件而改变的东西。 @@ -136,14 +136,14 @@ - 无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义，见证至高的烈火吧。 + 每一个创意都是重新思考。 - 折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！真正的恩典因不完整而美丽，因情感而真诚，因脆弱而自由！ + 创意是基于本质而来的解决方案。本质是什么，是不会因为其他外在条件而改变的东西。 - 正义天使 + 创意无限 史诗 @@ -151,6 +151,24 @@ + + + + 每一个创意都是重新思考。 + + + + 创意是基于本质而来的解决方案。本质是什么，是不会因为其他外在条件而改变的东西。 + + 创意无限 + 史诗 + + + + + + + diff --git a/pages/index/component/swiper/swiper.wxml b/pages/index/component/swiper/swiper.wxml index 8097af7..358aa9c 100644 --- a/pages/index/component/swiper/swiper.wxml +++ b/pages/index/component/swiper/swiper.wxml @@ -39,7 +39,7 @@ - + diff --git a/pages/template/home/home.js b/pages/template/home/home.js index 1d43475..20549c1 100644 --- a/pages/template/home/home.js +++ b/pages/template/home/home.js @@ -89,12 +89,12 @@ Component({ color: 'blue light', icon: 'myfill' }, - // { - // title: '新闻资讯', - // name: 'loading', - // color: 'green light', - // icon: 'loading2' - // }, + { + title: '新闻资讯', + name: 'news', + color: 'pink light', + icon: 'news' + }, // { // title: '教育学习', // name: 'shadow', diff --git a/pages/template/index/index01/index01.js b/pages/template/index/index01/index01.js index ccb0926..e613557 100644 --- a/pages/template/index/index01/index01.js +++ b/pages/template/index/index01/index01.js @@ -11,16 +11,10 @@ Page({ CustomBar: app.globalData.CustomBar, cardCur: 0, swiperList: [{ - id: 0, - type: 'image', url: 'https://image.meiye.art/FlqKg5bugFQD5Qzm_QhGM7ET4Mtx?imageMogr2/thumbnail/450x/interlace/1' }, { - id: 1, - type: 'image', url: 'https://image.meiye.art/Fha6tqRTIwHtlLW3xuZBJj8ZXSX3?imageMogr2/thumbnail/450x/interlace/1', }, { - id: 2, - type: 'image', url: 'https://image.meiye.art/FhHGe9NyO0uddb6D4203jevC_gzc?imageMogr2/thumbnail/450x/interlace/1', }], iconList: [{ diff --git a/pages/template/index/index01/index01.wxml b/pages/template/index/index01/index01.wxml index 689d4d3..e3c9126 100644 --- a/pages/template/index/index01/index01.wxml +++ b/pages/template/index/index01/index01.wxml @@ -4,7 +4,7 @@ - + @@ -25,8 +25,7 @@ - - + diff --git a/pages/template/index/index02/index02.js b/pages/template/index/index02/index02.js index cc8520f..e0746ca 100644 --- a/pages/template/index/index02/index02.js +++ b/pages/template/index/index02/index02.js @@ -12,15 +12,12 @@ Page({ cardCur: 0, swiperList: [{ id: 0, - type: 'image', url: 'https://image.meiye.art/Fha6tqRTIwHtlLW3xuZBJj8ZXSX3?imageMogr2/thumbnail/450x/interlace/1' }, { id: 1, - type: 'image', url: 'https://image.meiye.art/FhHGe9NyO0uddb6D4203jevC_gzc?imageMogr2/thumbnail/450x/interlace/1', }, { id: 2, - type: 'image', url: 'https://image.meiye.art/FlqKg5bugFQD5Qzm_QhGM7ET4Mtx?imageMogr2/thumbnail/450x/interlace/1', }], iconList: [{ diff --git a/pages/template/index/index02/index02.wxml b/pages/template/index/index02/index02.wxml index b809d9b..b544a18 100644 --- a/pages/template/index/index02/index02.wxml +++ b/pages/template/index/index02/index02.wxml @@ -4,7 +4,7 @@ - + @@ -12,8 +12,7 @@ - - + @@ -24,10 +23,9 @@ - + - - + diff --git a/pages/template/music/music01/music01.wxml b/pages/template/music/music01/music01.wxml index 99cbcaa..6ce0cd9 100644 --- a/pages/template/music/music01/music01.wxml +++ b/pages/template/music/music01/music01.wxml @@ -3,7 +3,7 @@ 音乐播放01模板 - + diff --git a/pages/template/news/home/home.js b/pages/template/news/home/home.js new file mode 100644 index 0000000..4eca06d --- /dev/null +++ b/pages/template/news/home/home.js @@ -0,0 +1,82 @@ +// pages/template/news/home/home.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + elements: [{ + title: '未知', + name: 'news01', + url: 'https://image.meiye.art/Fo_HyTiSjyaC0L-fpf4RXEI7eN3b?imageMogr2/thumbnail/450x/interlace/1' + }, { + title: '未知', + name: 'news02', + url: 'https://image.meiye.art/FkZR2715biXqwL_WvbWhRMaArqoo?imageMogr2/thumbnail/450x/interlace/1' + }, { + title: '未知', + name: 'news03', + url: 'https://image.meiye.art/Fi2yE1PU4DBr_Qgo-ER9bOo3yJNe?imageMogr2/thumbnail/450x/interlace/1' + }, { + title: '未知', + name: 'news04', + url: 'https://image.meiye.art/FjjAKItzS-QGvz2A5Wd5oBGsnNkm?imageMogr2/thumbnail/450x/interlace/1' + }], + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/template/news/home/home.json b/pages/template/news/home/home.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/template/news/home/home.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/template/news/home/home.wxml b/pages/template/news/home/home.wxml new file mode 100644 index 0000000..6d3144e --- /dev/null +++ b/pages/template/news/home/home.wxml @@ -0,0 +1,23 @@ + + + + + 新闻资讯UI设计 + + + + + + + + + + + + + + + + + + diff --git a/pages/template/news/home/home.wxss b/pages/template/news/home/home.wxss new file mode 100644 index 0000000..11eca97 --- /dev/null +++ b/pages/template/news/home/home.wxss @@ -0,0 +1 @@ +/* pages/template/news/home/home.wxss */ \ No newline at end of file diff --git a/pages/template/news/news01/news01.js b/pages/template/news/news01/news01.js new file mode 100644 index 0000000..7a2e358 --- /dev/null +++ b/pages/template/news/news01/news01.js @@ -0,0 +1,136 @@ +// pages/template/news/news01/news01.js +const app = getApp(); + +Page({ + + /** + * 页面的初始数据 + */ + data: { + StatusBar: app.globalData.StatusBar, + CustomBar: app.globalData.CustomBar, + cardCur: 0, + TabCur: 0, + scrollLeft: 0, + tabList: [{ + id: 0, + name: '关注' + }, { + id: 1, + name: '推荐' + }, { + id: 2, + name: '热榜' + }, { + id: 3, + name: '快讯' + }, { + id: 4, + name: '视频' + }, { + id: 5, + name: '科技' + }], + swiperList: [{ + title: '腾讯Q1财报', + des: '腾讯Q1营收净利润超预期，微信月活破11亿', + url: 'https://image.meiye.art/Fha6tqRTIwHtlLW3xuZBJj8ZXSX3?imageMogr2/thumbnail/450x/interlace/1' + }, { + title: '腾讯Q1财报', + des: '腾讯Q1营收净利润超预期，微信月活破11亿', + url: 'https://image.meiye.art/FhHGe9NyO0uddb6D4203jevC_gzc?imageMogr2/thumbnail/450x/interlace/1', + }, { + title: '腾讯Q1财报', + des: '腾讯Q1营收净利润超预期，微信月活破11亿', + url: 'https://image.meiye.art/FlqKg5bugFQD5Qzm_QhGM7ET4Mtx?imageMogr2/thumbnail/450x/interlace/1', + }], + newsList: [{ + "title": "抖音的增长烦恼：用户并不是越多越好", + "user": "混沌大学", + "date": "2019-05-12", + "collection": 97, + "url":"https://image.meiye.art/Fha6tqRTIwHtlLW3xuZBJj8ZXSX3?imageMogr2/thumbnail/450x/interlace/1" + }, { + "title": "每天忙成狗却赚钱一丢丢，这是中产阶级吗？", + "user": "造就", + "date": "2019-05-12", + "collection": 21, + "url":"https://image.meiye.art/FhHGe9NyO0uddb6D4203jevC_gzc?imageMogr2/thumbnail/450x/interlace/1" + }, { + "title": "对话爱奇艺创始人、CEO龚宇：付费会员还有极大的想象空间", + "user": "毒眸", + "date": "2019-05-12", + "collection": 17, + "url":"https://image.meiye.art/FlqKg5bugFQD5Qzm_QhGM7ET4Mtx?imageMogr2/thumbnail/450x/interlace/1" + }, { + "title": "百度如何成为小程序生态的最大变量？", + "user": "罗超频道", + "date": "2019-05-12", + "collection": 23, + "url":"https://image.meiye.art/Fha6tqRTIwHtlLW3xuZBJj8ZXSX3?imageMogr2/thumbnail/450x/interlace/1" + },] + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + }, + + tabSelect(e) { + this.setData({ + TabCur: e.currentTarget.dataset.id, + scrollLeft: (e.currentTarget.dataset.id - 1) * 60 + }) + } +}) \ No newline at end of file diff --git a/pages/template/news/news01/news01.json b/pages/template/news/news01/news01.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/template/news/news01/news01.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/template/news/news01/news01.wxml b/pages/template/news/news01/news01.wxml new file mode 100644 index 0000000..cd240f6 --- /dev/null +++ b/pages/template/news/news01/news01.wxml @@ -0,0 +1,59 @@ + + + + 新闻资讯01 + + + + + + + + + + + + + + + + + {{item.name}} + + + + + + + + + + + {{item.title}} + + + {{item.des}} + + + + + + + + + + + {{item.title}} + + {{item.user}} · {{item.date}} + {{item.collection}} 收藏 + + + + + + + + + + \ No newline at end of file diff --git a/pages/template/news/news01/news01.wxss b/pages/template/news/news01/news01.wxss new file mode 100644 index 0000000..7700b94 --- /dev/null +++ b/pages/template/news/news01/news01.wxss @@ -0,0 +1 @@ +/* pages/template/news/news01/news01.wxss */ \ No newline at end of file diff --git a/pages/template/news/news02/news02.js b/pages/template/news/news02/news02.js new file mode 100644 index 0000000..9067b1f --- /dev/null +++ b/pages/template/news/news02/news02.js @@ -0,0 +1,66 @@ +// pages/template/news/news02/news02.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/template/news/news02/news02.json b/pages/template/news/news02/news02.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/template/news/news02/news02.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/template/news/news02/news02.wxml b/pages/template/news/news02/news02.wxml new file mode 100644 index 0000000..bc00e34 --- /dev/null +++ b/pages/template/news/news02/news02.wxml @@ -0,0 +1,2 @@ + +pages/template/news/news02/news02.wxml diff --git a/pages/template/news/news02/news02.wxss b/pages/template/news/news02/news02.wxss new file mode 100644 index 0000000..230fd1e --- /dev/null +++ b/pages/template/news/news02/news02.wxss @@ -0,0 +1 @@ +/* pages/template/news/news02/news02.wxss */ \ No newline at end of file diff --git a/pages/template/uitemplate/home/home.wxml b/pages/template/uitemplate/home/home.wxml index e4f2deb..74efc95 100644 --- a/pages/template/uitemplate/home/home.wxml +++ b/pages/template/uitemplate/home/home.wxml @@ -14,7 +14,7 @@ - + 热门 商城UI模板《北岛小店》 v1.0 diff --git a/pages/template/user/user01/user01.wxml b/pages/template/user/user01/user01.wxml index fa73f6a..1a52efe 100644 --- a/pages/template/user/user01/user01.wxml +++ b/pages/template/user/user01/user01.wxml @@ -4,7 +4,7 @@ - + diff --git a/pages/template/user/user02/user02.wxml b/pages/template/user/user02/user02.wxml index 30750d6..56561b6 100644 --- a/pages/template/user/user02/user02.wxml +++ b/pages/template/user/user02/user02.wxml @@ -46,7 +46,7 @@ - + @@ -59,7 +59,7 @@ - + 我的订单 @@ -67,7 +67,7 @@ 全部订单 - + @@ -78,7 +78,7 @@ - + @@ -92,7 +92,7 @@ - + 其他功能 diff --git a/readme.md b/readme.md index 38c4c2f..41771c9 100644 --- a/readme.md +++ b/readme.md @@ -37,6 +37,7 @@ ColorUI GA 是基于[ColorUI 2.0](https://github.com/weilanwl/coloruicss)开发 - 音乐播放 UI 设计模板：1 个 - 书籍学习 UI 设计模板：2 个 - 登录注册 UI 设计模板：2 个 +- 新闻资讯 UI 设计模板：1 个 ## 快速开始 @@ -119,7 +120,7 @@ onLaunch: function() { ## 待办 -- [ ] 长期：模板设计（每周上新 1-2 个模板），当前 UI 模板个数：16 +- [ ] 长期：模板设计（每周上新 1-2 个模板），当前 UI 模板个数：17 - [ ] 长期：样式调整与设计。大小、颜色、padding、margin 等 - [x] fix 轮播图左侧图消失 BUG - [x] 小程序检测到新版本主动更新 @@ -200,6 +201,12 @@ Issues 突出贡献者
@kongxiyi
+ + + @VolnaTime +
@VolnaTime
+ +