diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..115cc02 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,31 @@ +/* + * Eslint config file + * Documentation: https://eslint.org/docs/user-guide/configuring/ + * Install the Eslint extension before using this feature. + */ +module.exports = { + env: { + es6: true, + browser: true, + node: true, + }, + ecmaFeatures: { + modules: true, + }, + parserOptions: { + ecmaVersion: 2018, + sourceType: 'module', + }, + globals: { + wx: true, + App: true, + Page: true, + getCurrentPages: true, + getApp: true, + Component: true, + requirePlugin: true, + requireMiniProgram: true, + }, + // extends: 'eslint:recommended', + rules: {}, +} diff --git a/app.js b/app.js new file mode 100644 index 0000000..1ed57c4 --- /dev/null +++ b/app.js @@ -0,0 +1,19 @@ +// app.js +App({ + onLaunch() { + // 展示本地存储能力 + const logs = wx.getStorageSync('logs') || [] + logs.unshift(Date.now()) + wx.setStorageSync('logs', logs) + + // 登录 + wx.login({ + success: res => { + // 发送 res.code 到后台换取 openId, sessionKey, unionId + } + }) + }, + globalData: { + userInfo: null + } +}) diff --git a/app.json b/app.json new file mode 100644 index 0000000..47392ea --- /dev/null +++ b/app.json @@ -0,0 +1,13 @@ +{ + "pages":[ + "pages/index/index", + "pages/logs/logs" + ], + "window":{ + "navigationBarBackgroundColor": "#fff", + "navigationBarTitleText": "音乐", + "navigationBarTextStyle": "black" + }, + "style": "v2", + "sitemapLocation": "sitemap.json" +} diff --git a/app.wxss b/app.wxss new file mode 100644 index 0000000..42d75c3 --- /dev/null +++ b/app.wxss @@ -0,0 +1,10 @@ +/* *app.wxss* +.container { + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + padding: 200rpx 0; + box-sizing: border-box; +} */ diff --git a/pages/index/images/01.png b/pages/index/images/01.png new file mode 100644 index 0000000..0939fe6 Binary files /dev/null and b/pages/index/images/01.png differ diff --git a/pages/index/images/02.png b/pages/index/images/02.png new file mode 100644 index 0000000..ab554db Binary files /dev/null and b/pages/index/images/02.png differ diff --git a/pages/index/images/02stop.png b/pages/index/images/02stop.png new file mode 100644 index 0000000..be984cd Binary files /dev/null and b/pages/index/images/02stop.png differ diff --git a/pages/index/images/03.png b/pages/index/images/03.png new file mode 100644 index 0000000..9402bfa Binary files /dev/null and b/pages/index/images/03.png differ diff --git a/pages/index/images/04.png b/pages/index/images/04.png new file mode 100644 index 0000000..c446705 Binary files /dev/null and b/pages/index/images/04.png differ diff --git a/pages/index/images/05.png b/pages/index/images/05.png new file mode 100644 index 0000000..6dfd030 Binary files /dev/null and b/pages/index/images/05.png differ diff --git a/pages/index/images/06.png b/pages/index/images/06.png new file mode 100644 index 0000000..51340c3 Binary files /dev/null and b/pages/index/images/06.png differ diff --git a/pages/index/images/banner.jpg b/pages/index/images/banner.jpg new file mode 100644 index 0000000..51b93a3 Binary files /dev/null and b/pages/index/images/banner.jpg differ diff --git a/pages/index/images/cover.jpg b/pages/index/images/cover.jpg new file mode 100644 index 0000000..ceaac4a Binary files /dev/null and b/pages/index/images/cover.jpg differ diff --git a/pages/index/images/test.jpg b/pages/index/images/test.jpg new file mode 100644 index 0000000..ceaac4a Binary files /dev/null and b/pages/index/images/test.jpg differ diff --git a/pages/index/index.js b/pages/index/index.js new file mode 100644 index 0000000..cce086f --- /dev/null +++ b/pages/index/index.js @@ -0,0 +1,98 @@ +// index.js +// 获取应用实例 +const app = getApp() + +Page({ + data: { + item:0, + tab:0, + state:'paused', + playIndex:0, + play:{ + currentTime:'00:00', + duration:'00:00', + percent:0, + title:'', + singer:'', + coverImgUrl:'./images/cover.jpg', + } + }, + changeItem:function(e){ + this.setData({ + item:e.target.dataset.item + }) + }, + changeTab:function(e){ + this.setData({ + tab:e.detail.current + }) + }, + // 事件处理函数 + bindViewTap() { + wx.navigateTo({ + url: '../logs/logs' + }) + }, + onLoad() { + if (wx.getUserProfile) { + this.setData({ + canIUseGetUserProfile: true + }) + } + }, + playlist:[{ + id:1,title:'钢琴协奏曲',singer:'肖邦', + src:'',coverImgUrl:'./images/cover.jpg' + },{ + id:2,title:'奏鸣曲',singer:'莫扎特', + src:'',coverImgUrl:'./images/cover.jpg' + },{ + id:2,title:'奏鸣曲',singer:'莫扎特', + src:'',coverImgUrl:'./images/cover.jpg' + },{ + id:2,title:'欢乐颂',singer:'贝多芬', + src:'',coverImgUrl:'./images/cover.jpg' + },{ + id:2,title:'爱之梦',singer:'李斯特', + src:'',coverImgUrl:'./images/cover.jpg' + + }], + audioCtx:null, + onReady:function(){ + this.audioCtx=wx.cteateInnerAudioContext() + this.setMusic(0) + } , + setMusic:function(index){ + var music=this.data.playlist[index] + this.audioCtx.src=music.src + this.setData({ + playIndex:index, + 'play.title':music.title, + 'play.singer':music.singer, + 'play.coverImgUrl':music.coverImgUrl, + 'play.currentTime':'00:00', + 'play.percent':0 + }) + }, + getUserProfile(e) { + // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗 + wx.getUserProfile({ + desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 + success: (res) => { + console.log(res) + this.setData({ + userInfo: res.userInfo, + hasUserInfo: true + }) + } + }) + }, + getUserInfo(e) { + // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息 + console.log(e) + this.setData({ + userInfo: e.detail.userInfo, + hasUserInfo: true + }) + } +}) diff --git a/pages/index/index.json b/pages/index/index.json new file mode 100644 index 0000000..7b6d892 --- /dev/null +++ b/pages/index/index.json @@ -0,0 +1,6 @@ +{ + "navigationBarBackgroundColor": "#fff", + "navigationBarTitleText": "音乐", + "navigationBarTextStyle": "black", + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/index/index.wxml b/pages/index/index.wxml new file mode 100644 index 0000000..bb0ce8f --- /dev/null +++ b/pages/index/index.wxml @@ -0,0 +1,39 @@ + + + + +音乐推荐 +播放器 +播放列表 + + + + + + + + + + + + + + + + + +{{play.title}} +{{play.singer}} + + + + + + + + + diff --git a/pages/index/index.wxss b/pages/index/index.wxss new file mode 100644 index 0000000..faf0c18 --- /dev/null +++ b/pages/index/index.wxss @@ -0,0 +1,127 @@ + +page{ + display: flex; + flex-direction: column; + background: #17181a; + color: #ccc; + height: 100%; +} + +.tab{ + display: flex; +} +.tab-item{ + flex: 1; + font-size: 10pt; + text-align: center; + line-height: 72rpx; + border-bottom: 6rpx solid #eee; +} +.content{ + flex: 1; +} +.content>swiper{ + height: 100%; +} +.player{ + background: #222; + border-top: 1px solid #252525; + height: 112rpx; +} +.tab-item.active{ + color:#c25b5b; + border-bottom-color: #c25b5b; +} +.content-info{ + height: 100%; +} +::-webkit-scrollbar{ + width: 0; + height: 0; + color: transparent; +} +.content-info-slide { + height: 302rpx; + margin-top: 20px; +} +.content-info-slide image{ +width: 100%; +height: 100%; +} +.content-info-portal{ + display: flex; + margin-bottom: 15px; +} +.content-info-portal>view{ + flex: 1; + font-size: 11pt; + text-align: center; +} +.content-info-portal image{ + width: 120rpx; + height: 120rpx; + display: block; + margin: 20rpx auto; +} +::-webkit-scrollbar{ + width:0; + height:0; + color:transparent; +} +.content-info-list{ + font-size: 11pt; + margin-bottom:20rpx; +} +.content-info-list>.list-title{ + margin: 20rpx 35rpx; +} +.content-info-list>.list-inner{ +display:flex; +flex-wrap: wrap; +margin:0 20rpx; +} +.content-info-list>.list-inner>.list-item{ + flex: 1; +} +.content-info-list>.list-inner>.list-item>image{ + display: block; + width:200rpx; + height:200rpx; + margin:0 auto; + border-radius: 10rpx; + border:1rpx solid #555; +} +.content-info-list>.list-inner>.list-item>view{ + width:200rpx; + margin:10rpx auto; + font-size: 10pt; +} +.player{ + display:flex; + align-items: center; + background: #222; + border-top: 1px solid #252525; + height: 112rpx; +} +.player-cover{ + width:80rpx; + height:80rpx; + margin-left: 15rpx; + border-radius: 8rpx; + border: 1px solid #333; +} +.play-info{ + flex:1; + font-size: 10pt; + line-height: 38rpx; + margin-left: 20rpx; + padding-bottom: 8rpx; +} +.play-info-singer{ + color:#888; +} +.player-controls image{ + width:80rpx; + height: 80rpx; + margin-right:15rpx ; +} diff --git a/pages/index/info.wxml b/pages/index/info.wxml new file mode 100644 index 0000000..d1e92b3 --- /dev/null +++ b/pages/index/info.wxml @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + +私人FM + + + +每日歌曲推荐 + + + +云音乐听歌榜 + + + + +推荐歌曲 + + +紫罗兰 + + +菩提树 + + +五月之歌 + + +欢乐颂 + + +安魂曲 + + +摇篮曲 + + + + + +已到达底部 + diff --git a/pages/index/play.wxml b/pages/index/play.wxml new file mode 100644 index 0000000..8a1dfef --- /dev/null +++ b/pages/index/play.wxml @@ -0,0 +1,3 @@ + +play + \ No newline at end of file diff --git a/pages/index/playlist.wxml b/pages/index/playlist.wxml new file mode 100644 index 0000000..0de2c41 --- /dev/null +++ b/pages/index/playlist.wxml @@ -0,0 +1,3 @@ + +playllist + \ No newline at end of file diff --git a/pages/logs/logs.js b/pages/logs/logs.js new file mode 100644 index 0000000..85f6aac --- /dev/null +++ b/pages/logs/logs.js @@ -0,0 +1,18 @@ +// logs.js +const util = require('../../utils/util.js') + +Page({ + data: { + logs: [] + }, + onLoad() { + this.setData({ + logs: (wx.getStorageSync('logs') || []).map(log => { + return { + date: util.formatTime(new Date(log)), + timeStamp: log + } + }) + }) + } +}) diff --git a/pages/logs/logs.json b/pages/logs/logs.json new file mode 100644 index 0000000..3ee76c1 --- /dev/null +++ b/pages/logs/logs.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText": "查看启动日志", + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/logs/logs.wxml b/pages/logs/logs.wxml new file mode 100644 index 0000000..0b6b645 --- /dev/null +++ b/pages/logs/logs.wxml @@ -0,0 +1,6 @@ + + + + {{index + 1}}. {{log.date}} + + diff --git a/pages/logs/logs.wxss b/pages/logs/logs.wxss new file mode 100644 index 0000000..94d4b88 --- /dev/null +++ b/pages/logs/logs.wxss @@ -0,0 +1,8 @@ +.log-list { + display: flex; + flex-direction: column; + padding: 40rpx; +} +.log-item { + margin: 10rpx; +} diff --git a/pages/swiper.js b/pages/swiper.js new file mode 100644 index 0000000..8ac97af --- /dev/null +++ b/pages/swiper.js @@ -0,0 +1,27 @@ +// pages/swiper.js +Component({ + /** + * 组件的属性列表 + */ + properties: { +imgUrls:Array, + }, + + /** + * 组件的初始数据 + */ + data: { +currentIndex:0, + }, + + /** + * 组件的方法列表 + */ + methods: { +swiperChange(e){ + this.setData({ + currentIndex:e.detail.cuurrent + }); +} +} +}) diff --git a/pages/swiper.json b/pages/swiper.json new file mode 100644 index 0000000..e8cfaaf --- /dev/null +++ b/pages/swiper.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/swiper.wxml b/pages/swiper.wxml new file mode 100644 index 0000000..502b813 --- /dev/null +++ b/pages/swiper.wxml @@ -0,0 +1,2 @@ + +pages/swiper.wxml diff --git a/pages/swiper.wxss b/pages/swiper.wxss new file mode 100644 index 0000000..6f669b0 --- /dev/null +++ b/pages/swiper.wxss @@ -0,0 +1 @@ +/* pages/swiper.wxss */ \ No newline at end of file diff --git a/project.config.json b/project.config.json new file mode 100644 index 0000000..457ad73 --- /dev/null +++ b/project.config.json @@ -0,0 +1,52 @@ +{ + "description": "项目配置文件", + "packOptions": { + "ignore": [], + "include": [] + }, + "setting": { + "bundle": false, + "userConfirmedBundleSwitch": false, + "urlCheck": true, + "scopeDataCheck": false, + "coverView": true, + "es6": true, + "postcss": true, + "compileHotReLoad": false, + "lazyloadPlaceholderEnable": false, + "preloadBackgroundData": false, + "minified": true, + "autoAudits": false, + "newFeature": false, + "uglifyFileName": false, + "uploadWithSourceMap": true, + "useIsolateContext": true, + "nodeModules": false, + "enhance": true, + "useMultiFrameRuntime": true, + "useApiHook": true, + "useApiHostProcess": true, + "showShadowRootInWxmlPanel": true, + "packNpmManually": false, + "enableEngineNative": false, + "packNpmRelationList": [], + "minifyWXSS": true, + "showES6CompileOption": false, + "minifyWXML": true, + "babelSetting": { + "ignore": [], + "disablePlugins": [], + "outputPath": "" + }, + "condition": false + }, + "compileType": "miniprogram", + "libVersion": "2.19.4", + "appid": "wx1f22c2b8f0b59fc1", + "projectname": "miniprogram-92", + "condition": {}, + "editorSetting": { + "tabIndent": "insertSpaces", + "tabSize": 2 + } +} \ No newline at end of file diff --git a/project.private.config.json b/project.private.config.json new file mode 100644 index 0000000..9f1032f --- /dev/null +++ b/project.private.config.json @@ -0,0 +1,7 @@ +{ + "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", + "projectname": "miniprogram-5", + "setting": { + "compileHotReLoad": true + } +} \ No newline at end of file diff --git a/sitemap.json b/sitemap.json new file mode 100644 index 0000000..ca02add --- /dev/null +++ b/sitemap.json @@ -0,0 +1,7 @@ +{ + "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", + "rules": [{ + "action": "allow", + "page": "*" + }] +} \ No newline at end of file diff --git a/utils/util.js b/utils/util.js new file mode 100644 index 0000000..764bc2c --- /dev/null +++ b/utils/util.js @@ -0,0 +1,19 @@ +const formatTime = date => { + const year = date.getFullYear() + const month = date.getMonth() + 1 + const day = date.getDate() + const hour = date.getHours() + const minute = date.getMinutes() + const second = date.getSeconds() + + return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}` +} + +const formatNumber = n => { + n = n.toString() + return n[1] ? n : `0${n}` +} + +module.exports = { + formatTime +}