├── README.md ├── app.js ├── app.json ├── app.wxss ├── pages ├── about │ ├── index.js │ ├── index.json │ ├── index.wxml │ └── index.wxss ├── experience │ ├── index.js │ ├── index.json │ ├── index.wxml │ └── index.wxss └── list │ ├── index.js │ ├── index.json │ ├── index.wxml │ └── index.wxss ├── res └── icon │ ├── about.png │ ├── about0.png │ ├── blog.png │ ├── book.png │ ├── book0.png │ ├── email.png │ ├── email_1.png │ ├── email_2.png │ ├── female.png │ ├── github.png │ ├── github_1.png │ ├── list.png │ ├── list0.png │ ├── local.png │ ├── logo.png │ ├── male.png │ ├── mobile.png │ ├── profession.png │ ├── profession_42x42.png │ └── wechat.png ├── style └── weui.wxss └── utils └── util.js /README.md: -------------------------------------------------------------------------------- 1 | # mingpian 2 | 微信小程序个人名片 3 | 4 | ### 克隆下来，替换js文件里的 data 数据即可 5 | -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | App({ 3 | onLaunch: function () { 4 | //调用API从本地缓存中获取数据 5 | var logs = wx.getStorageSync('logs') || [] 6 | logs.unshift(Date.now()) 7 | wx.setStorageSync('logs', logs) 8 | }, 9 | getUserInfo:function(cb){ 10 | var that = this 11 | if(this.globalData.userInfo){ 12 | typeof cb == "function" && cb(this.globalData.userInfo) 13 | }else{ 14 | //调用登录接口 15 | wx.login({ 16 | success: function () { 17 | wx.getUserInfo({ 18 | success: function (res) { 19 | that.globalData.userInfo = res.userInfo 20 | typeof cb == "function" && cb(that.globalData.userInfo) 21 | } 22 | }) 23 | } 24 | }) 25 | } 26 | }, 27 | globalData:{ 28 | userInfo:null 29 | } 30 | }) -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages":[ 3 | "pages/about/index", 4 | "pages/list/index", 5 | "pages/experience/index" 6 | ], 7 | "window":{ 8 | "backgroundTextStyle":"light", 9 | "navigationBarBackgroundColor": "#1296db", 10 | "navigationBarTitleText": "Davie的个人信息", 11 | "navigationBarTextStyle":"#fff", 12 | "backgroundColor":"#1296db" 13 | }, 14 | "tabBar": { 15 | "color": "#ccc", 16 | "selectedColor": "#1296db", 17 | "borderStyle": "white", 18 | "backgroundColor": "#fff", 19 | "position": "bottom", 20 | "list": [ 21 | { 22 | "pagePath": "pages/about/index", 23 | "text": "关于", 24 | "iconPath": "res/icon/about0.png", 25 | "selectedIconPath": "res/icon/about.png" 26 | }, 27 | { 28 | "pagePath": "pages/list/index", 29 | "text": "作品", 30 | "iconPath": "res/icon/list0.png", 31 | "selectedIconPath": "res/icon/list.png" 32 | }, 33 | { 34 | "pagePath": "pages/experience/index", 35 | "text": "过往", 36 | "iconPath": "res/icon/book0.png", 37 | "selectedIconPath": "res/icon/book.png" 38 | } 39 | ] 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app.wxss: -------------------------------------------------------------------------------- 1 | @import 'style/weui.wxss'; 2 | 3 | body{ 4 | background-color: #1296db; 5 | } 6 | page{ 7 | background-color: #1296db; 8 | font-size: 16px; 9 | font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; 10 | overflow: hidden; 11 | width: 100%; 12 | height: 100%; 13 | display: flex; 14 | } 15 | 16 | .container{ 17 | display: flex; 18 | flex: 1; 19 | } 20 | 21 | .page__hd { 22 | padding: 40px; 23 | } 24 | .page__bd { 25 | padding-bottom: 40px; 26 | } 27 | .page__bd_spacing { 28 | padding-left: 15px; 29 | padding-right: 15px; 30 | } 31 | 32 | .page__ft{ 33 | padding-bottom: 10px; 34 | text-align: center; 35 | } 36 | 37 | .page__title { 38 | text-align: left; 39 | font-size: 20px; 40 | font-weight: 400; 41 | } 42 | 43 | .page__desc { 44 | margin-top: 5px; 45 | color: #888888; 46 | text-align: left; 47 | font-size: 14px; 48 | } -------------------------------------------------------------------------------- /pages/about/index.js: -------------------------------------------------------------------------------- 1 | 2 | // pages/about/index.js 3 | var app = getApp() 4 | Page({ 5 | 6 | /** 7 | * 页面的初始数据 8 | */ 9 | data: { 10 | motto: 'Hello World', 11 | userInfo: {}, 12 | userProfile:{ 13 | job:'HTML5讲师', 14 | location:'北京', 15 | profession:'IT职业教育', 16 | email:'iscooleye@163.com', 17 | wechat:'sundaymorning', 18 | mobile:'15011554923', 19 | github:'https://github.com/cooleye', 20 | introduction:'积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师，积云教育html5讲师积云教育html5讲师积云教育html5讲师，积云教育html5讲师，积云教育html5讲师积云教育html5讲师积云教育html5讲师，积云教育html5讲师' 21 | } 22 | }, 23 | 24 | /** 25 | * 生命周期函数--监听页面加载 26 | */ 27 | onLoad: function (options) { 28 | console.log('onLoad') 29 | var that = this 30 | //调用应用实例的方法获取全局数据 31 | app.getUserInfo(function (userInfo) { 32 | console.log(userInfo) 33 | //更新数据 34 | that.setData({ 35 | userInfo: userInfo 36 | }) 37 | }) 38 | 39 | }, 40 | onShareAppMessage: function () { 41 | return { 42 | title: 'Davie 爱学习', 43 | path: '/pages/about/index?id=123', 44 | success: function (res) { 45 | // 转发成功 46 | }, 47 | fail: function (res) { 48 | // 转发失败 49 | } 50 | } 51 | }, 52 | 53 | /** 54 | * 生命周期函数--监听页面初次渲染完成 55 | */ 56 | onReady: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 生命周期函数--监听页面显示 62 | */ 63 | onShow: function () { 64 | 65 | }, 66 | 67 | /** 68 | * 生命周期函数--监听页面隐藏 69 | */ 70 | onHide: function () { 71 | 72 | }, 73 | 74 | /** 75 | * 生命周期函数--监听页面卸载 76 | */ 77 | onUnload: function () { 78 | 79 | }, 80 | 81 | /** 82 | * 页面相关事件处理函数--监听用户下拉动作 83 | */ 84 | onPullDownRefresh: function () { 85 | 86 | }, 87 | 88 | /** 89 | * 页面上拉触底事件的处理函数 90 | */ 91 | onReachBottom: function () { 92 | 93 | }, 94 | 95 | /** 96 | * 用户点击右上角分享 97 | */ 98 | onShareAppMessage: function () { 99 | 100 | }, 101 | 102 | /** 103 | * 页面上拉触底事件的处理函数 104 | */ 105 | onReachBottom: function () { 106 | 107 | }, 108 | 109 | /** 110 | * 页面相关事件处理函数--监听用户下拉动作 111 | */ 112 | onPullDownRefresh: function () { 113 | 114 | } 115 | }) -------------------------------------------------------------------------------- /pages/about/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "Davie的个人信息" 3 | } -------------------------------------------------------------------------------- /pages/about/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | {{userInfo.nickName}} 12 | 13 | 14 | {{userProfile.job}} 15 | 16 | 17 | {{userProfile.location}}| {{userProfile.profession}} | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | {{userProfile.email}} 26 | 27 | 28 | {{userProfile.wechat}} 29 | 30 | 31 | {{userProfile.mobile}} 32 | 33 | 34 | {{userProfile.profession}} 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 个人简介 46 | 47 | 48 | {{userProfile.introduction}} 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /pages/about/index.wxss: -------------------------------------------------------------------------------- 1 | /* pages/about/index.wxss */ 2 | 3 | .about-page{ 4 | flex: 1; 5 | margin-top: 100px; 6 | background-color: #fff; 7 | } 8 | 9 | .tag-tag{ 10 | width: 90%; 11 | height: 350rpx; 12 | margin: 0 auto; 13 | margin-top: -200rpx; 14 | background-color: #fff; 15 | border-radius: 10px; 16 | box-shadow: 0px 2px 3px #ccc; 17 | position: relative; 18 | } 19 | 20 | .tag-tag .section-1{ 21 | display: flex; 22 | height: 136rpx; 23 | line-height: 136rpx; 24 | flex-direction: row; 25 | /*background-color: #ff0;*/ 26 | /*padding-top: 20rpx; 27 | padding-left: 20rpx;*/ 28 | padding: 20rpx; 29 | } 30 | 31 | 32 | .tag-tag .section-1 .avatar{ 33 | width:136rpx; 34 | height: 136rpx; 35 | /*background-color: #f00;*/ 36 | /*text-align: center;*/ 37 | /*line-height: 136rpx;*/ 38 | float: left; 39 | } 40 | .avatar image{ 41 | width: 110rpx; 42 | height: 110rpx; 43 | border-radius: 60rpx; 44 | /*vertical-align: middle;*/ 45 | } 46 | 47 | 48 | .flex1{ 49 | height: 45rpx; 50 | line-height: 45rpx; 51 | /*margin-left: 10rpx;*/ 52 | } 53 | 54 | .flex2{ 55 | height: 40rpx; 56 | line-height: 40rpx; 57 | /*margin-left: 10rpx;*/ 58 | } 59 | .flex1 image{ 60 | width:20rpx; 61 | height: 20rpx; 62 | } 63 | .tag-tag .section-1 .detail{ 64 | /*background-color: #afa;*/ 65 | flex: 3; 66 | float: right; 67 | } 68 | .detail .name{ 69 | /*background-color: #ccc*/ 70 | /*color:#888;*/ 71 | } 72 | 73 | .detail .comp{ 74 | /*background-color: #f00*/ 75 | font-size: 24rpx; 76 | color:#aaa; 77 | } 78 | 79 | .detail .loca{ 80 | /*background-color: #ff0*/ 81 | font-size: 24rpx; 82 | color:#aaa; 83 | } 84 | 85 | .tag-tag .section-2{ 86 | height: 204rpx; 87 | /*background-color: #0ff;*/ 88 | } 89 | 90 | .section-2-detail{ 91 | padding-left: 20rpx; 92 | color:#aaa; 93 | } 94 | 95 | .section-2-detail .comp{ 96 | line-height: 20rpx; 97 | font-size: 22rpx; 98 | } 99 | 100 | .section-3{ 101 | position: absolute; 102 | width:140rpx; 103 | height: 140rpx; 104 | /*background-color: #ccc;*/ 105 | right: 20rpx; 106 | bottom: 0rpx; 107 | } 108 | 109 | .section-3 image{ 110 | width:100%; 111 | height: 100%; 112 | } 113 | 114 | .person-introduction{ 115 | padding: 40rpx; 116 | } 117 | .person-introduction .person-introduction-desc{ 118 | font-size: 30rpx; 119 | margin-top: 10rpx; 120 | line-height: 50rpx; 121 | color:#888; 122 | } -------------------------------------------------------------------------------- /pages/experience/index.js: -------------------------------------------------------------------------------- 1 | // pages/list/index.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | indicatorDots: true, 9 | vertical: false, 10 | autoplay: false, 11 | interval: 2000, 12 | duration: 500, 13 | circular: true, 14 | workds:[ 15 | { title: '积云教育', 16 | logo: '', 17 | subtitle: '培养年薪20万的技术专家##', 18 | skills: ['1.好好学习，天天向上1', '2.好好学习，天天向上2', '3.好好学习，天天向上3', '4.好好学习，天天向上4', '5.好好学习，天天向上5', '6.好好学习，天天向上6'] 19 | }, 20 | { 21 | title: '积云教育', 22 | logo: '', 23 | subtitle: '培养年薪20万的技术专家', 24 | skills: ['1.好好学习，天天向上', '2.好好学习，天天向上', '3.好好学习，天天向上', '4.好好学习，天天向上', '5.好好学习，天天向上', '6.好好学习，天天向上'] 25 | }, 26 | { 27 | title: '积云教育', 28 | logo: '', 29 | subtitle: '培养年薪20万的技术专家', 30 | skills: ['1.好好学习，天天向上', '2.好好学习，天天向上', '3.好好学习，天天向上', '4.好好学习，天天向上', '5.好好学习，天天向上', '6.好好学习，天天向上'] 31 | } 32 | ] 33 | }, 34 | changeIndicatorDots: function (e) { 35 | this.setData({ 36 | indicatorDots: !this.data.indicatorDots 37 | }) 38 | }, 39 | changeAutoplay: function (e) { 40 | this.setData({ 41 | autoplay: !this.data.autoplay 42 | }) 43 | }, 44 | intervalChange: function (e) { 45 | this.setData({ 46 | interval: e.detail.value 47 | }) 48 | }, 49 | durationChange: function (e) { 50 | this.setData({ 51 | duration: e.detail.value 52 | }) 53 | }, 54 | 55 | /** 56 | * 生命周期函数--监听页面加载 57 | */ 58 | onLoad: function (options) { 59 | 60 | }, 61 | 62 | /** 63 | * 生命周期函数--监听页面初次渲染完成 64 | */ 65 | onReady: function () { 66 | 67 | }, 68 | 69 | /** 70 | * 生命周期函数--监听页面显示 71 | */ 72 | onShow: function () { 73 | 74 | }, 75 | 76 | /** 77 | * 生命周期函数--监听页面隐藏 78 | */ 79 | onHide: function () { 80 | 81 | }, 82 | 83 | /** 84 | * 生命周期函数--监听页面卸载 85 | */ 86 | onUnload: function () { 87 | 88 | }, 89 | 90 | /** 91 | * 页面相关事件处理函数--监听用户下拉动作 92 | */ 93 | onPullDownRefresh: function () { 94 | 95 | }, 96 | 97 | /** 98 | * 页面上拉触底事件的处理函数 99 | */ 100 | onReachBottom: function () { 101 | 102 | }, 103 | 104 | /** 105 | * 用户点击右上角分享 106 | */ 107 | onShareAppMessage: function () { 108 | 109 | }, 110 | 111 | /** 112 | * 页面上拉触底事件的处理函数 113 | */ 114 | onReachBottom: function () { 115 | 116 | }, 117 | 118 | /** 119 | * 页面相关事件处理函数--监听用户下拉动作 120 | */ 121 | onPullDownRefresh: function () { 122 | 123 | } 124 | }) -------------------------------------------------------------------------------- /pages/experience/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "Davie的个人履历" 3 | } -------------------------------------------------------------------------------- /pages/experience/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | {{item.title}} 18 | 19 | 22 | {{item.subtitle}} 23 | 24 | {{i}} 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /pages/experience/index.wxss: -------------------------------------------------------------------------------- 1 | /* pages/list/index.wxss */ 2 | 3 | .list-page{ 4 | flex: 1; 5 | background-color: #fff; 6 | } 7 | 8 | swiper{ 9 | width:100%; 10 | height: 100%; 11 | position: absolute; 12 | bottom: 50rpx; 13 | background-color: #1296db; 14 | } 15 | 16 | .swiper-item{ 17 | width:100%; 18 | height: 100%; 19 | display: flex; 20 | flex-direction: column; 21 | background-color: #1296db; 22 | } 23 | .up-section{ 24 | flex: 3; 25 | width:102%; 26 | } 27 | .down-section{ 28 | flex: 2; 29 | background-color: #fff; 30 | } 31 | 32 | .card-section{ 33 | width:75%; 34 | height: 780rpx; 35 | border-radius: 10px; 36 | box-shadow: 0px 2px 3px #ccc; 37 | position: absolute; 38 | background-color: #fff; 39 | left:12.5%; 40 | bottom: 10%; 41 | border: solid 1px #fff; 42 | /*padding: 20rpx;*/ 43 | } 44 | 45 | .card-section .title{ 46 | /*background-color: #0f0;*/ 47 | text-align: center; 48 | margin-top: -40px; 49 | font-size: 48rpx; 50 | color: #fff; 51 | } 52 | 53 | .card-section .works-logo{ 54 | width: 200rpx; 55 | height: 200rpx; 56 | margin: 0 auto; 57 | } 58 | .card-section .works-logo image{ 59 | width: 200rpx; 60 | height: 200rpx; 61 | } 62 | 63 | .works-title{ 64 | padding-left: 30rpx; 65 | font-size: 34rpx; 66 | color:#aaa; 67 | } 68 | .works-list{ 69 | padding-left: 30rpx; 70 | font-size: 30rpx; 71 | } -------------------------------------------------------------------------------- /pages/list/index.js: -------------------------------------------------------------------------------- 1 | // pages/list/index.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | indicatorDots: true, 9 | vertical: false, 10 | autoplay: false, 11 | interval: 2000, 12 | duration: 500, 13 | circular: true, 14 | workds: [ 15 | { 16 | title: '积云教育', 17 | logo: '', 18 | subtitle: '培养年薪20万的技术专家##', 19 | skills: ['1.好好学习，天天向上1', '2.好好学习，天天向上2', '3.好好学习，天天向上3', '4.好好学习，天天向上4', '5.好好学习，天天向上5', '6.好好学习，天天向上6'] 20 | }, 21 | { 22 | title: '积云教育', 23 | logo: '', 24 | subtitle: '培养年薪20万的技术专家', 25 | skills: ['1.好好学习，天天向上', '2.好好学习，天天向上', '3.好好学习，天天向上', '4.好好学习，天天向上', '5.好好学习，天天向上', '6.好好学习，天天向上'] 26 | }, 27 | { 28 | title: '积云教育', 29 | logo: '', 30 | subtitle: '培养年薪20万的技术专家', 31 | skills: ['1.好好学习，天天向上', '2.好好学习，天天向上', '3.好好学习，天天向上', '4.好好学习，天天向上', '5.好好学习，天天向上', '6.好好学习，天天向上'] 32 | } 33 | ] 34 | }, 35 | changeIndicatorDots: function (e) { 36 | this.setData({ 37 | indicatorDots: !this.data.indicatorDots 38 | }) 39 | }, 40 | changeAutoplay: function (e) { 41 | this.setData({ 42 | autoplay: !this.data.autoplay 43 | }) 44 | }, 45 | intervalChange: function (e) { 46 | this.setData({ 47 | interval: e.detail.value 48 | }) 49 | }, 50 | durationChange: function (e) { 51 | this.setData({ 52 | duration: e.detail.value 53 | }) 54 | }, 55 | 56 | /** 57 | * 生命周期函数--监听页面加载 58 | */ 59 | onLoad: function (options) { 60 | 61 | }, 62 | 63 | /** 64 | * 生命周期函数--监听页面初次渲染完成 65 | */ 66 | onReady: function () { 67 | 68 | }, 69 | 70 | /** 71 | * 生命周期函数--监听页面显示 72 | */ 73 | onShow: function () { 74 | 75 | }, 76 | 77 | /** 78 | * 生命周期函数--监听页面隐藏 79 | */ 80 | onHide: function () { 81 | 82 | }, 83 | 84 | /** 85 | * 生命周期函数--监听页面卸载 86 | */ 87 | onUnload: function () { 88 | 89 | }, 90 | 91 | /** 92 | * 页面相关事件处理函数--监听用户下拉动作 93 | */ 94 | onPullDownRefresh: function () { 95 | 96 | }, 97 | 98 | /** 99 | * 页面上拉触底事件的处理函数 100 | */ 101 | onReachBottom: function () { 102 | 103 | }, 104 | 105 | /** 106 | * 用户点击右上角分享 107 | */ 108 | onShareAppMessage: function () { 109 | 110 | }, 111 | 112 | /** 113 | * 页面上拉触底事件的处理函数 114 | */ 115 | onReachBottom: function () { 116 | 117 | }, 118 | 119 | /** 120 | * 页面相关事件处理函数--监听用户下拉动作 121 | */ 122 | onPullDownRefresh: function () { 123 | 124 | } 125 | }) -------------------------------------------------------------------------------- /pages/list/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "Davie的个人项目" 3 | } -------------------------------------------------------------------------------- /pages/list/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | {{item.title}} 18 | 19 | 22 | {{item.subtitle}} 23 | 24 | {{i}} 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /pages/list/index.wxss: -------------------------------------------------------------------------------- 1 | /* pages/list/index.wxss */ 2 | 3 | .list-page{ 4 | flex: 1; 5 | background-color: #fff; 6 | } 7 | 8 | swiper{ 9 | width:100%; 10 | height: 100%; 11 | position: absolute; 12 | bottom: 50rpx; 13 | background-color: #1296db; 14 | } 15 | 16 | .swiper-item{ 17 | width:100%; 18 | height: 100%; 19 | display: flex; 20 | flex-direction: column; 21 | background-color: #1296db; 22 | } 23 | .up-section{ 24 | flex: 3; 25 | width:102%; 26 | } 27 | .down-section{ 28 | flex: 2; 29 | background-color: #fff; 30 | } 31 | 32 | .card-section{ 33 | width:75%; 34 | height: 780rpx; 35 | border-radius: 10px; 36 | box-shadow: 0px 2px 3px #ccc; 37 | position: absolute; 38 | background-color: #fff; 39 | left:12.5%; 40 | bottom: 10%; 41 | border: solid 1px #fff; 42 | /*padding: 20rpx;*/ 43 | } 44 | 45 | .card-section .title{ 46 | /*background-color: #0f0;*/ 47 | text-align: center; 48 | margin-top: -40px; 49 | font-size: 48rpx; 50 | color: #fff; 51 | } 52 | 53 | .card-section .works-logo{ 54 | width: 200rpx; 55 | height: 200rpx; 56 | /*background-color: #1296db;*/ 57 | margin: 0 auto; 58 | } 59 | .card-section .works-logo image{ 60 | width: 200rpx; 61 | height: 200rpx; 62 | } 63 | 64 | .works-title{ 65 | padding-left: 30rpx; 66 | font-size: 34rpx; 67 | color:#aaa; 68 | } 69 | .works-list{ 70 | /*background-color: #1296db;*/ 71 | padding-left: 30rpx; 72 | font-size: 30rpx; 73 | } -------------------------------------------------------------------------------- /res/icon/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/about.png -------------------------------------------------------------------------------- /res/icon/about0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/about0.png -------------------------------------------------------------------------------- /res/icon/blog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/blog.png -------------------------------------------------------------------------------- /res/icon/book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/book.png -------------------------------------------------------------------------------- /res/icon/book0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/book0.png -------------------------------------------------------------------------------- /res/icon/email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/email.png -------------------------------------------------------------------------------- /res/icon/email_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/email_1.png -------------------------------------------------------------------------------- /res/icon/email_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/email_2.png -------------------------------------------------------------------------------- /res/icon/female.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/female.png -------------------------------------------------------------------------------- /res/icon/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/github.png -------------------------------------------------------------------------------- /res/icon/github_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/github_1.png -------------------------------------------------------------------------------- /res/icon/list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/list.png -------------------------------------------------------------------------------- /res/icon/list0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/list0.png -------------------------------------------------------------------------------- /res/icon/local.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/local.png -------------------------------------------------------------------------------- /res/icon/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/logo.png -------------------------------------------------------------------------------- /res/icon/male.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/male.png -------------------------------------------------------------------------------- /res/icon/mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/mobile.png -------------------------------------------------------------------------------- /res/icon/profession.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/profession.png -------------------------------------------------------------------------------- /res/icon/profession_42x42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/profession_42x42.png -------------------------------------------------------------------------------- /res/icon/wechat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cooleye/mingpian/413f2b7513211336a0d67fc2e01a62396634a033/res/icon/wechat.png -------------------------------------------------------------------------------- /style/weui.wxss: -------------------------------------------------------------------------------- 1 | page { 2 | line-height: 1.6; 3 | font-family: -apple-system-font, "Helvetica Neue", sans-serif; 4 | } 5 | icon { 6 | vertical-align: middle; 7 | } 8 | .weui-cells { 9 | position: relative; 10 | margin-top: 1.17647059em; 11 | background-color: #FFFFFF; 12 | line-height: 1.41176471; 13 | font-size: 17px; 14 | } 15 | .weui-cells:before { 16 | content: " "; 17 | position: absolute; 18 | left: 0; 19 | top: 0; 20 | right: 0; 21 | height: 1px; 22 | border-top: 1rpx solid #D9D9D9; 23 | color: #D9D9D9; 24 | } 25 | .weui-cells:after { 26 | content: " "; 27 | position: absolute; 28 | left: 0; 29 | bottom: 0; 30 | right: 0; 31 | height: 1px; 32 | border-bottom: 1rpx solid #D9D9D9; 33 | color: #D9D9D9; 34 | } 35 | .weui-cells__title { 36 | margin-top: .77em; 37 | margin-bottom: .3em; 38 | padding-left: 15px; 39 | padding-right: 15px; 40 | color: #999999; 41 | font-size: 14px; 42 | } 43 | .weui-cells_after-title { 44 | margin-top: 0; 45 | } 46 | .weui-cells__tips { 47 | margin-top: .3em; 48 | color: #999999; 49 | padding-left: 15px; 50 | padding-right: 15px; 51 | font-size: 14px; 52 | } 53 | .weui-cell { 54 | padding: 10px 15px; 55 | position: relative; 56 | display: -webkit-box; 57 | display: -webkit-flex; 58 | display: flex; 59 | -webkit-box-align: center; 60 | -webkit-align-items: center; 61 | align-items: center; 62 | } 63 | .weui-cell:before { 64 | content: " "; 65 | position: absolute; 66 | left: 0; 67 | top: 0; 68 | right: 0; 69 | height: 1px; 70 | border-top: 1rpx solid #D9D9D9; 71 | color: #D9D9D9; 72 | left: 15px; 73 | } 74 | .weui-cell:first-child:before { 75 | display: none; 76 | } 77 | .weui-cell_active { 78 | background-color: #ECECEC; 79 | } 80 | .weui-cell_primary { 81 | -webkit-box-align: start; 82 | -webkit-align-items: flex-start; 83 | align-items: flex-start; 84 | } 85 | .weui-cell__bd { 86 | -webkit-box-flex: 1; 87 | -webkit-flex: 1; 88 | flex: 1; 89 | } 90 | .weui-cell__ft { 91 | text-align: right; 92 | color: #999999; 93 | } 94 | .weui-cell_access { 95 | color: inherit; 96 | } 97 | .weui-cell__ft_in-access { 98 | padding-right: 13px; 99 | position: relative; 100 | } 101 | .weui-cell__ft_in-access:after { 102 | content: " "; 103 | display: inline-block; 104 | height: 6px; 105 | width: 6px; 106 | border-width: 2px 2px 0 0; 107 | border-color: #C8C8CD; 108 | border-style: solid; 109 | -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 110 | transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 111 | position: relative; 112 | top: -2px; 113 | position: absolute; 114 | top: 50%; 115 | margin-top: -4px; 116 | right: 2px; 117 | } 118 | .weui-cell_link { 119 | color: #586C94; 120 | font-size: 14px; 121 | } 122 | .weui-cell_link:active { 123 | background-color: #ECECEC; 124 | } 125 | .weui-cell_link:first-child:before { 126 | display: block; 127 | } 128 | .weui-icon-radio { 129 | margin-left: 3.2px; 130 | margin-right: 3.2px; 131 | } 132 | .weui-icon-checkbox_circle, 133 | .weui-icon-checkbox_success { 134 | margin-left: 4.6px; 135 | margin-right: 4.6px; 136 | } 137 | .weui-check__label:active { 138 | background-color: #ECECEC; 139 | } 140 | .weui-check { 141 | position: absolute; 142 | left: -9999px; 143 | } 144 | .weui-check__hd_in-checkbox { 145 | padding-right: 0.35em; 146 | } 147 | .weui-cell__ft_in-radio { 148 | padding-left: 0.35em; 149 | } 150 | .weui-cell_input { 151 | padding-top: 0; 152 | padding-bottom: 0; 153 | } 154 | .weui-label { 155 | width: 105px; 156 | word-wrap: break-word; 157 | word-break: break-all; 158 | } 159 | .weui-input { 160 | height: 2.58823529em; 161 | min-height: 2.58823529em; 162 | line-height: 2.58823529em; 163 | } 164 | .weui-toptips { 165 | position: fixed; 166 | -webkit-transform: translateZ(0); 167 | transform: translateZ(0); 168 | top: 0; 169 | left: 0; 170 | right: 0; 171 | padding: 5px; 172 | font-size: 14px; 173 | text-align: center; 174 | color: #FFFFFF; 175 | z-index: 5000; 176 | word-wrap: break-word; 177 | word-break: break-all; 178 | } 179 | .weui-toptips_warn { 180 | background-color: #E64340; 181 | } 182 | .weui-textarea { 183 | display: block; 184 | width: 100%; 185 | } 186 | .weui-textarea-counter { 187 | color: #B2B2B2; 188 | text-align: right; 189 | } 190 | .weui-textarea-counter_warn { 191 | color: #E64340; 192 | } 193 | .weui-cell_warn { 194 | color: #E64340; 195 | } 196 | .weui-form-preview { 197 | position: relative; 198 | background-color: #FFFFFF; 199 | } 200 | .weui-form-preview:before { 201 | content: " "; 202 | position: absolute; 203 | left: 0; 204 | top: 0; 205 | right: 0; 206 | height: 1px; 207 | border-top: 1rpx solid #D9D9D9; 208 | color: #D9D9D9; 209 | } 210 | .weui-form-preview:after { 211 | content: " "; 212 | position: absolute; 213 | left: 0; 214 | bottom: 0; 215 | right: 0; 216 | height: 1px; 217 | border-bottom: 1rpx solid #D9D9D9; 218 | color: #D9D9D9; 219 | } 220 | .weui-form-preview__value { 221 | font-size: 14px; 222 | } 223 | .weui-form-preview__value_in-hd { 224 | font-size: 26px; 225 | } 226 | .weui-form-preview__hd { 227 | position: relative; 228 | padding: 10px 15px; 229 | text-align: right; 230 | line-height: 2.5em; 231 | } 232 | .weui-form-preview__hd:after { 233 | content: " "; 234 | position: absolute; 235 | left: 0; 236 | bottom: 0; 237 | right: 0; 238 | height: 1px; 239 | border-bottom: 1rpx solid #D9D9D9; 240 | color: #D9D9D9; 241 | left: 15px; 242 | } 243 | .weui-form-preview__bd { 244 | padding: 10px 15px; 245 | font-size: .9em; 246 | text-align: right; 247 | color: #999999; 248 | line-height: 2; 249 | } 250 | .weui-form-preview__ft { 251 | position: relative; 252 | line-height: 50px; 253 | display: -webkit-box; 254 | display: -webkit-flex; 255 | display: flex; 256 | } 257 | .weui-form-preview__ft:after { 258 | content: " "; 259 | position: absolute; 260 | left: 0; 261 | top: 0; 262 | right: 0; 263 | height: 1px; 264 | border-top: 1rpx solid #D5D5D6; 265 | color: #D5D5D6; 266 | } 267 | .weui-form-preview__item { 268 | overflow: hidden; 269 | } 270 | .weui-form-preview__label { 271 | float: left; 272 | margin-right: 1em; 273 | min-width: 4em; 274 | color: #999999; 275 | text-align: justify; 276 | text-align-last: justify; 277 | } 278 | .weui-form-preview__value { 279 | display: block; 280 | overflow: hidden; 281 | word-break: normal; 282 | word-wrap: break-word; 283 | } 284 | .weui-form-preview__btn { 285 | position: relative; 286 | display: block; 287 | -webkit-box-flex: 1; 288 | -webkit-flex: 1; 289 | flex: 1; 290 | color: #3CC51F; 291 | text-align: center; 292 | } 293 | .weui-form-preview__btn:after { 294 | content: " "; 295 | position: absolute; 296 | left: 0; 297 | top: 0; 298 | width: 1px; 299 | bottom: 0; 300 | border-left: 1rpx solid #D5D5D6; 301 | color: #D5D5D6; 302 | } 303 | .weui-form-preview__btn:first-child:after { 304 | display: none; 305 | } 306 | .weui-form-preview__btn_active { 307 | background-color: #EEEEEE; 308 | } 309 | .weui-form-preview__btn_default { 310 | color: #999999; 311 | } 312 | .weui-form-preview__btn_primary { 313 | color: #0BB20C; 314 | } 315 | .weui-cell_select { 316 | padding: 0; 317 | } 318 | .weui-select { 319 | position: relative; 320 | padding-left: 15px; 321 | padding-right: 30px; 322 | height: 2.58823529em; 323 | min-height: 2.58823529em; 324 | line-height: 2.58823529em; 325 | border-right: 1rpx solid #D9D9D9; 326 | } 327 | .weui-select:before { 328 | content: " "; 329 | display: inline-block; 330 | height: 6px; 331 | width: 6px; 332 | border-width: 2px 2px 0 0; 333 | border-color: #C8C8CD; 334 | border-style: solid; 335 | -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 336 | transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 337 | position: relative; 338 | top: -2px; 339 | position: absolute; 340 | top: 50%; 341 | right: 15px; 342 | margin-top: -4px; 343 | } 344 | .weui-select_in-select-after { 345 | padding-left: 0; 346 | } 347 | .weui-cell__hd_in-select-after, 348 | .weui-cell__bd_in-select-before { 349 | padding-left: 15px; 350 | } 351 | .weui-cell_vcode { 352 | padding-right: 0; 353 | } 354 | .weui-vcode-img { 355 | margin-left: 5px; 356 | height: 2.58823529em; 357 | vertical-align: middle; 358 | } 359 | .weui-vcode-btn { 360 | display: inline-block; 361 | height: 2.58823529em; 362 | margin-left: 5px; 363 | padding: 0 0.6em 0 0.7em; 364 | border-left: 1px solid #E5E5E5; 365 | line-height: 2.58823529em; 366 | vertical-align: middle; 367 | font-size: 17px; 368 | color: #3CC51F; 369 | white-space: nowrap; 370 | } 371 | .weui-vcode-btn:active { 372 | color: #52a341; 373 | } 374 | .weui-cell_switch { 375 | padding-top: 6px; 376 | padding-bottom: 6px; 377 | } 378 | .weui-uploader__hd { 379 | display: -webkit-box; 380 | display: -webkit-flex; 381 | display: flex; 382 | padding-bottom: 10px; 383 | -webkit-box-align: center; 384 | -webkit-align-items: center; 385 | align-items: center; 386 | } 387 | .weui-uploader__title { 388 | -webkit-box-flex: 1; 389 | -webkit-flex: 1; 390 | flex: 1; 391 | } 392 | .weui-uploader__info { 393 | color: #B2B2B2; 394 | } 395 | .weui-uploader__bd { 396 | margin-bottom: -4px; 397 | margin-right: -9px; 398 | overflow: hidden; 399 | } 400 | .weui-uploader__file { 401 | float: left; 402 | margin-right: 9px; 403 | margin-bottom: 9px; 404 | } 405 | .weui-uploader__img { 406 | display: block; 407 | width: 79px; 408 | height: 79px; 409 | } 410 | .weui-uploader__file_status { 411 | position: relative; 412 | } 413 | .weui-uploader__file_status:before { 414 | content: " "; 415 | position: absolute; 416 | top: 0; 417 | right: 0; 418 | bottom: 0; 419 | left: 0; 420 | background-color: rgba(0, 0, 0, 0.5); 421 | } 422 | .weui-uploader__file-content { 423 | position: absolute; 424 | top: 50%; 425 | left: 50%; 426 | -webkit-transform: translate(-50%, -50%); 427 | transform: translate(-50%, -50%); 428 | color: #FFFFFF; 429 | } 430 | .weui-uploader__input-box { 431 | float: left; 432 | position: relative; 433 | margin-right: 9px; 434 | margin-bottom: 9px; 435 | width: 77px; 436 | height: 77px; 437 | border: 1px solid #D9D9D9; 438 | } 439 | .weui-uploader__input-box:before, 440 | .weui-uploader__input-box:after { 441 | content: " "; 442 | position: absolute; 443 | top: 50%; 444 | left: 50%; 445 | -webkit-transform: translate(-50%, -50%); 446 | transform: translate(-50%, -50%); 447 | background-color: #D9D9D9; 448 | } 449 | .weui-uploader__input-box:before { 450 | width: 2px; 451 | height: 39.5px; 452 | } 453 | .weui-uploader__input-box:after { 454 | width: 39.5px; 455 | height: 2px; 456 | } 457 | .weui-uploader__input-box:active { 458 | border-color: #999999; 459 | } 460 | .weui-uploader__input-box:active:before, 461 | .weui-uploader__input-box:active:after { 462 | background-color: #999999; 463 | } 464 | .weui-uploader__input { 465 | position: absolute; 466 | z-index: 1; 467 | top: 0; 468 | left: 0; 469 | width: 100%; 470 | height: 100%; 471 | opacity: 0; 472 | } 473 | .weui-article { 474 | padding: 20px 15px; 475 | font-size: 15px; 476 | } 477 | .weui-article__section { 478 | margin-bottom: 1.5em; 479 | } 480 | .weui-article__h1 { 481 | font-size: 18px; 482 | font-weight: 400; 483 | margin-bottom: .9em; 484 | } 485 | .weui-article__h2 { 486 | font-size: 16px; 487 | font-weight: 400; 488 | margin-bottom: .34em; 489 | } 490 | .weui-article__h3 { 491 | font-weight: 400; 492 | font-size: 15px; 493 | margin-bottom: .34em; 494 | } 495 | .weui-article__p { 496 | margin: 0 0 .8em; 497 | } 498 | .weui-msg { 499 | padding-top: 36px; 500 | text-align: center; 501 | } 502 | .weui-msg__link { 503 | display: inline; 504 | color: #586C94; 505 | } 506 | .weui-msg__icon-area { 507 | margin-bottom: 30px; 508 | } 509 | .weui-msg__text-area { 510 | margin-bottom: 25px; 511 | padding: 0 20px; 512 | } 513 | .weui-msg__title { 514 | margin-bottom: 5px; 515 | font-weight: 400; 516 | font-size: 20px; 517 | } 518 | .weui-msg__desc { 519 | font-size: 14px; 520 | color: #999999; 521 | } 522 | .weui-msg__opr-area { 523 | margin-bottom: 25px; 524 | } 525 | .weui-msg__extra-area { 526 | margin-bottom: 15px; 527 | font-size: 14px; 528 | color: #999999; 529 | } 530 | @media screen and (min-height: 438px) { 531 | .weui-msg__extra-area { 532 | position: fixed; 533 | left: 0; 534 | bottom: 0; 535 | width: 100%; 536 | text-align: center; 537 | } 538 | } 539 | .weui-flex { 540 | display: -webkit-box; 541 | display: -webkit-flex; 542 | display: flex; 543 | } 544 | .weui-flex__item { 545 | -webkit-box-flex: 1; 546 | -webkit-flex: 1; 547 | flex: 1; 548 | } 549 | .weui-btn { 550 | margin-top: 15px; 551 | } 552 | .weui-btn:first-child { 553 | margin-top: 0; 554 | } 555 | .weui-btn-area { 556 | margin: 1.17647059em 15px 0.3em; 557 | } 558 | .weui-agree { 559 | display: block; 560 | padding: .5em 15px; 561 | font-size: 13px; 562 | } 563 | .weui-agree__text { 564 | color: #999999; 565 | } 566 | .weui-agree__link { 567 | display: inline; 568 | color: #586C94; 569 | } 570 | .weui-agree__checkbox { 571 | position: absolute; 572 | left: -9999px; 573 | } 574 | .weui-agree__checkbox-icon { 575 | position: relative; 576 | top: 2px; 577 | display: inline-block; 578 | border: 1px solid #D1D1D1; 579 | background-color: #FFFFFF; 580 | border-radius: 3px; 581 | width: 11px; 582 | height: 11px; 583 | } 584 | .weui-agree__checkbox-icon-check { 585 | position: absolute; 586 | top: 1px; 587 | left: 1px; 588 | } 589 | .weui-footer { 590 | color: #999999; 591 | font-size: 14px; 592 | text-align: center; 593 | } 594 | .weui-footer_fixed-bottom { 595 | position: fixed; 596 | bottom: .52em; 597 | left: 0; 598 | right: 0; 599 | } 600 | .weui-footer__links { 601 | font-size: 0; 602 | } 603 | .weui-footer__link { 604 | display: inline-block; 605 | vertical-align: top; 606 | margin: 0 .62em; 607 | position: relative; 608 | font-size: 14px; 609 | color: #586C94; 610 | } 611 | .weui-footer__link:before { 612 | content: " "; 613 | position: absolute; 614 | left: 0; 615 | top: 0; 616 | width: 1px; 617 | bottom: 0; 618 | border-left: 1rpx solid #C7C7C7; 619 | color: #C7C7C7; 620 | left: -0.65em; 621 | top: .36em; 622 | bottom: .36em; 623 | } 624 | .weui-footer__link:first-child:before { 625 | display: none; 626 | } 627 | .weui-footer__text { 628 | padding: 0 .34em; 629 | font-size: 12px; 630 | } 631 | .weui-grids { 632 | border-top: 1rpx solid #D9D9D9; 633 | border-left: 1rpx solid #D9D9D9; 634 | overflow: hidden; 635 | } 636 | .weui-grid { 637 | position: relative; 638 | float: left; 639 | padding: 20px 10px; 640 | width: 33.33333333%; 641 | box-sizing: border-box; 642 | border-right: 1rpx solid #D9D9D9; 643 | border-bottom: 1rpx solid #D9D9D9; 644 | } 645 | .weui-grid_active { 646 | background-color: #ECECEC; 647 | } 648 | .weui-grid__icon { 649 | display: block; 650 | width: 28px; 651 | height: 28px; 652 | margin: 0 auto; 653 | } 654 | .weui-grid__label { 655 | margin-top: 5px; 656 | display: block; 657 | text-align: center; 658 | color: #000000; 659 | font-size: 14px; 660 | white-space: nowrap; 661 | text-overflow: ellipsis; 662 | overflow: hidden; 663 | } 664 | .weui-loading { 665 | margin: 0 5px; 666 | width: 20px; 667 | height: 20px; 668 | display: inline-block; 669 | vertical-align: middle; 670 | -webkit-animation: weuiLoading 1s steps(12, end) infinite; 671 | animation: weuiLoading 1s steps(12, end) infinite; 672 | background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; 673 | background-size: 100%; 674 | } 675 | .weui-loading.weui-loading_transparent { 676 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E"); 677 | } 678 | @-webkit-keyframes weuiLoading { 679 | 0% { 680 | -webkit-transform: rotate3d(0, 0, 1, 0deg); 681 | transform: rotate3d(0, 0, 1, 0deg); 682 | } 683 | 100% { 684 | -webkit-transform: rotate3d(0, 0, 1, 360deg); 685 | transform: rotate3d(0, 0, 1, 360deg); 686 | } 687 | } 688 | @keyframes weuiLoading { 689 | 0% { 690 | -webkit-transform: rotate3d(0, 0, 1, 0deg); 691 | transform: rotate3d(0, 0, 1, 0deg); 692 | } 693 | 100% { 694 | -webkit-transform: rotate3d(0, 0, 1, 360deg); 695 | transform: rotate3d(0, 0, 1, 360deg); 696 | } 697 | } 698 | .weui-badge { 699 | display: inline-block; 700 | padding: .15em .4em; 701 | min-width: 8px; 702 | border-radius: 18px; 703 | background-color: #E64340; 704 | color: #FFFFFF; 705 | line-height: 1.2; 706 | text-align: center; 707 | font-size: 12px; 708 | vertical-align: middle; 709 | } 710 | .weui-badge_dot { 711 | padding: .4em; 712 | min-width: 0; 713 | } 714 | .weui-loadmore { 715 | width: 65%; 716 | margin: 1.5em auto; 717 | line-height: 1.6em; 718 | font-size: 14px; 719 | text-align: center; 720 | } 721 | .weui-loadmore__tips { 722 | display: inline-block; 723 | vertical-align: middle; 724 | } 725 | .weui-loadmore_line { 726 | border-top: 1px solid #E5E5E5; 727 | margin-top: 2.4em; 728 | } 729 | .weui-loadmore__tips_in-line { 730 | position: relative; 731 | top: -0.9em; 732 | padding: 0 .55em; 733 | background-color: #FFFFFF; 734 | color: #999999; 735 | } 736 | .weui-loadmore__tips_in-dot { 737 | position: relative; 738 | padding: 0 .16em; 739 | width: 4px; 740 | height: 1.6em; 741 | } 742 | .weui-loadmore__tips_in-dot:before { 743 | content: " "; 744 | position: absolute; 745 | top: 50%; 746 | left: 50%; 747 | margin-top: -1px; 748 | margin-left: -2px; 749 | width: 4px; 750 | height: 4px; 751 | border-radius: 50%; 752 | background-color: #E5E5E5; 753 | } 754 | .weui-panel { 755 | background-color: #FFFFFF; 756 | margin-top: 10px; 757 | position: relative; 758 | overflow: hidden; 759 | } 760 | .weui-panel:first-child { 761 | margin-top: 0; 762 | } 763 | .weui-panel:before { 764 | content: " "; 765 | position: absolute; 766 | left: 0; 767 | top: 0; 768 | right: 0; 769 | height: 1px; 770 | border-top: 1rpx solid #E5E5E5; 771 | color: #E5E5E5; 772 | } 773 | .weui-panel:after { 774 | content: " "; 775 | position: absolute; 776 | left: 0; 777 | bottom: 0; 778 | right: 0; 779 | height: 1px; 780 | border-bottom: 1rpx solid #E5E5E5; 781 | color: #E5E5E5; 782 | } 783 | .weui-panel__hd { 784 | padding: 14px 15px 10px; 785 | color: #999999; 786 | font-size: 13px; 787 | position: relative; 788 | } 789 | .weui-panel__hd:after { 790 | content: " "; 791 | position: absolute; 792 | left: 0; 793 | bottom: 0; 794 | right: 0; 795 | height: 1px; 796 | border-bottom: 1rpx solid #E5E5E5; 797 | color: #E5E5E5; 798 | left: 15px; 799 | } 800 | .weui-media-box { 801 | padding: 15px; 802 | position: relative; 803 | } 804 | .weui-media-box:before { 805 | content: " "; 806 | position: absolute; 807 | left: 0; 808 | top: 0; 809 | right: 0; 810 | height: 1px; 811 | border-top: 1rpx solid #E5E5E5; 812 | color: #E5E5E5; 813 | left: 15px; 814 | } 815 | .weui-media-box:first-child:before { 816 | display: none; 817 | } 818 | .weui-media-box__title { 819 | font-weight: 400; 820 | font-size: 17px; 821 | width: auto; 822 | overflow: hidden; 823 | text-overflow: ellipsis; 824 | white-space: nowrap; 825 | word-wrap: normal; 826 | word-wrap: break-word; 827 | word-break: break-all; 828 | } 829 | .weui-media-box__desc { 830 | color: #999999; 831 | font-size: 13px; 832 | line-height: 1.2; 833 | overflow: hidden; 834 | text-overflow: ellipsis; 835 | display: -webkit-box; 836 | -webkit-box-orient: vertical; 837 | -webkit-line-clamp: 2; 838 | } 839 | .weui-media-box__info { 840 | margin-top: 15px; 841 | padding-bottom: 5px; 842 | font-size: 13px; 843 | color: #CECECE; 844 | line-height: 1em; 845 | list-style: none; 846 | overflow: hidden; 847 | } 848 | .weui-media-box__info__meta { 849 | float: left; 850 | padding-right: 1em; 851 | } 852 | .weui-media-box__info__meta_extra { 853 | padding-left: 1em; 854 | border-left: 1px solid #CECECE; 855 | } 856 | .weui-media-box__title_in-text { 857 | margin-bottom: 8px; 858 | } 859 | .weui-media-box_appmsg { 860 | display: -webkit-box; 861 | display: -webkit-flex; 862 | display: flex; 863 | -webkit-box-align: center; 864 | -webkit-align-items: center; 865 | align-items: center; 866 | } 867 | .weui-media-box__thumb { 868 | width: 100%; 869 | height: 100%; 870 | vertical-align: top; 871 | } 872 | .weui-media-box__hd_in-appmsg { 873 | margin-right: .8em; 874 | width: 60px; 875 | height: 60px; 876 | line-height: 60px; 877 | text-align: center; 878 | } 879 | .weui-media-box__bd_in-appmsg { 880 | -webkit-box-flex: 1; 881 | -webkit-flex: 1; 882 | flex: 1; 883 | min-width: 0; 884 | } 885 | .weui-media-box_small-appmsg { 886 | padding: 0; 887 | } 888 | .weui-cells_in-small-appmsg { 889 | margin-top: 0; 890 | } 891 | .weui-cells_in-small-appmsg:before { 892 | display: none; 893 | } 894 | .weui-progress { 895 | display: -webkit-box; 896 | display: -webkit-flex; 897 | display: flex; 898 | -webkit-box-align: center; 899 | -webkit-align-items: center; 900 | align-items: center; 901 | } 902 | .weui-progress__bar { 903 | -webkit-box-flex: 1; 904 | -webkit-flex: 1; 905 | flex: 1; 906 | } 907 | .weui-progress__opr { 908 | margin-left: 15px; 909 | font-size: 0; 910 | } 911 | .weui-navbar { 912 | display: -webkit-box; 913 | display: -webkit-flex; 914 | display: flex; 915 | position: absolute; 916 | z-index: 500; 917 | top: 0; 918 | width: 100%; 919 | border-bottom: 1rpx solid #CCCCCC; 920 | } 921 | .weui-navbar__item { 922 | position: relative; 923 | display: block; 924 | -webkit-box-flex: 1; 925 | -webkit-flex: 1; 926 | flex: 1; 927 | padding: 13px 0; 928 | text-align: center; 929 | font-size: 0; 930 | } 931 | .weui-navbar__item.weui-bar__item_on { 932 | color: #1AAD19; 933 | } 934 | .weui-navbar__slider { 935 | position: absolute; 936 | content: " "; 937 | left: 0; 938 | bottom: 0; 939 | width: 6em; 940 | height: 3px; 941 | background-color: #1AAD19; 942 | -webkit-transition: -webkit-transform .3s; 943 | transition: -webkit-transform .3s; 944 | transition: transform .3s; 945 | transition: transform .3s, -webkit-transform .3s; 946 | } 947 | .weui-navbar__title { 948 | display: inline-block; 949 | font-size: 15px; 950 | max-width: 8em; 951 | width: auto; 952 | overflow: hidden; 953 | text-overflow: ellipsis; 954 | white-space: nowrap; 955 | word-wrap: normal; 956 | } 957 | .weui-tab { 958 | position: relative; 959 | height: 100%; 960 | } 961 | .weui-tab__panel { 962 | box-sizing: border-box; 963 | height: 100%; 964 | padding-top: 50px; 965 | overflow: auto; 966 | -webkit-overflow-scrolling: touch; 967 | } 968 | .weui-search-bar { 969 | position: relative; 970 | padding: 8px 10px; 971 | display: -webkit-box; 972 | display: -webkit-flex; 973 | display: flex; 974 | box-sizing: border-box; 975 | background-color: #EFEFF4; 976 | border-top: 1rpx solid #D7D6DC; 977 | border-bottom: 1rpx solid #D7D6DC; 978 | } 979 | .weui-icon-search { 980 | margin-right: 8px; 981 | font-size: inherit; 982 | } 983 | .weui-icon-search_in-box { 984 | position: absolute; 985 | left: 10px; 986 | top: 7px; 987 | } 988 | .weui-search-bar__text { 989 | display: inline-block; 990 | font-size: 14px; 991 | vertical-align: middle; 992 | } 993 | .weui-search-bar__form { 994 | position: relative; 995 | -webkit-box-flex: 1; 996 | -webkit-flex: auto; 997 | flex: auto; 998 | border-radius: 5px; 999 | background: #FFFFFF; 1000 | border: 1rpx solid #E6E6EA; 1001 | } 1002 | .weui-search-bar__box { 1003 | position: relative; 1004 | padding-left: 30px; 1005 | padding-right: 30px; 1006 | width: 100%; 1007 | box-sizing: border-box; 1008 | z-index: 1; 1009 | } 1010 | .weui-search-bar__input { 1011 | height: 28px; 1012 | line-height: 28px; 1013 | font-size: 14px; 1014 | } 1015 | .weui-icon-clear { 1016 | position: absolute; 1017 | top: 0; 1018 | right: 0; 1019 | padding: 7px 8px; 1020 | font-size: 0; 1021 | } 1022 | .weui-search-bar__label { 1023 | position: absolute; 1024 | top: 0; 1025 | right: 0; 1026 | bottom: 0; 1027 | left: 0; 1028 | z-index: 2; 1029 | border-radius: 3px; 1030 | text-align: center; 1031 | color: #9B9B9B; 1032 | background: #FFFFFF; 1033 | line-height: 28px; 1034 | } 1035 | .weui-search-bar__cancel-btn { 1036 | margin-left: 10px; 1037 | line-height: 28px; 1038 | color: #09BB07; 1039 | white-space: nowrap; 1040 | } 1041 | -------------------------------------------------------------------------------- /utils/util.js: -------------------------------------------------------------------------------- 1 | function formatTime(date) { 2 | var year = date.getFullYear() 3 | var month = date.getMonth() + 1 4 | var day = date.getDate() 5 | 6 | var hour = date.getHours() 7 | var minute = date.getMinutes() 8 | var second = date.getSeconds() 9 | 10 | 11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') 12 | } 13 | 14 | function formatNumber(n) { 15 | n = n.toString() 16 | return n[1] ? n : '0' + n 17 | } 18 | 19 | module.exports = { 20 | formatTime: formatTime 21 | } 22 | --------------------------------------------------------------------------------